Frontend skills

This skill helps you build tvOS apps with focus-based navigation, Liquid Glass UI, and media playback by guiding patterns and best practices.

This skill creates animated, self-contained explainer visuals as HTML/CSS/JS to clarify ideas in essays and blog posts.

This skill scaffolds React and Next.js components with TypeScript, CSS modules, tests, and Storybook stories to accelerate development.

This skill helps you design fault-tolerant UI graphs that stay resilient to partial failures and unstable dependencies.

This skill helps you implement resilient async patterns in JavaScript/TypeScript, with automatic cleanup, timeout control, cancellation, and robust error

This skill automates large-scale React codebase refactoring by transforming JSX with ASTs, updating imports, and ensuring tests pass.

This skill helps you minimize unnecessary re-renders by partitioning state and using selector-driven updates to optimize React applications.

This skill ensures UI changes meet accessibility standards by validating semantics, labels, focus, and ARIA usage across components.

This skill helps design progressive disclosure UIs that reveal data in optimal sequences using staged reveals, Suspense, and graceful fallbacks.

This skill enables smooth web components animations using Anime.js 4 for drag interactions, visual feedback, swaps, and automatic cleanup.

This skill helps you implement dependency injection patterns in React by providing a DI container, enabling mockable services, and safer testing.

This skill wires a UI to a data source using repo tooling with typed inputs/outputs and robust loading, error, and caching behavior.

This skill reviews Next.js patterns including App Router, Server Components, and data fetching to optimize architecture and performance.

This skill helps you architect suspenseful data fetching with Suspense, streaming SSR, and granular cache invalidation for responsive UIs.

This skill helps you implement interactive component states with accessible hover, focus, loading, and error feedback for buttons, inputs, and cards.

This skill helps you implement real-time collaborative editing using CRDTs or OT, synchronized with React, to maintain a responsive multi-user UI.

This skill helps you establish scalable React architectures with modular domains, stable API contracts, and enforced architectural constraints across large

This skill helps you process video frames in real-time in a React app, synchronize UI overlays, and measure performance for smooth playback.

This skill generates interactive educational infographics from vis-network JSON data using p5.js, with hover tooltips and a detailed bottom control panel.

This skill reviews Android Kotlin code for Compose, Coroutines, Flow, and ViewModel best practices to improve reliability and performance.

This skill generates professional HTML presentations using reveal.js from markdown content, with responsive design, code highlighting, and speaker notes.