Skill UI

Master building high-performance asynchronous APIs using FastAPI, SQLAlchemy 2.0, and Pydantic V2. Covers microservices, WebSockets, security, testing, and deployment strategies for production-ready Python backend systems. Includes async patterns, database optimization, and observability.

Build production-ready FastAPI projects with async patterns, dependency injection, middleware, and error handling. Ideal for new Python REST APIs, microservices, and high-performance web backends.

Performs authorized web fuzzing with ffuf to discover hidden paths and endpoints. It guides scoped testing, baseline comparison, evidence collection, and mandatory confirmation before probing.

Expert guidance for using ffuf in authorized web penetration testing: content discovery, subdomain and parameter fuzzing, authenticated raw requests, auto-calibration, filtering, and result analysis.

Build mobile and web backends using Firebase managed services including Auth, Firestore, and Cloud Functions. Ideal for serverless APIs, real-time data sync, and rapid prototyping with minimal backend code.

Audit and fix animation performance issues such as layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or when reviewing CSS/JS animation performance in any web UI.

This comprehensive guide provides core principles and implementation patterns for adopting the Flat Design aesthetic. It details how to build interfaces across web (CSS), mobile (SwiftUI, Flutter), and cross-platform frameworks, emphasizing zero depth, sharp geometries, and high-contrast solid colors while strictly avoiding shadows, gradients, and bevels. Use this when aiming for a modern, minimalist, and clean UI/UX experience.

A comprehensive guide for implementing Flat Design 2.0 (Semi-Flat). This style maintains the clean, solid aesthetic of flat design while introducing subtle, diffuse shadows and micro-gradients to enhance perceived depth and communicate element interactability (e.g., buttons, cards). It provides detailed, cross-platform code examples for Web (CSS), iOS (SwiftUI), Flutter, and React Native.

A comprehensive guide covering the aesthetic and technical implementation of floating User Interface (UI) elements. Learn how to create detached, elevated components, such as cards and navigation bars, giving the application a light, airy, and modern feel across Web (CSS), iOS (SwiftUI), and Flutter platforms. Key principles include soft shadows, generous margins, and pill shapes.

A portable CI gate designed to enforce Core Web Vitals (LCP, CLS, INP) budgets and category score floors on production frontend builds. It integrates into CI pipelines to automatically block pull requests if the performance metrics fall below defined Google standards, ensuring consistently fast and reliable user experiences.

This skill provides a portable, framework-agnostic SEO system for React or React Native-for-web frontends. It centralizes site metadata in a constants module, derives canonical URLs, and generates per-route metadata including titles, descriptions, Open Graph, and Twitter cards. It also produces sitemaps, robots rules, RSS feeds, and typed JSON-LD without requiring manual meta tag copy-pasting.

Create stunning, animation-rich HTML presentations from scratch or convert PowerPoint (PPT/PPTX) files to web slides. Zero dependencies, single-file, for talks and pitches.