Helps locate React/Vue/Angular components, UI elements, and frontend code. Auto-activates when users ask where components are defined, how to find UI code, or locate specific frontend features....

You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s

You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s

Create story examples for components. Use when writing stories, creating examples, or demonstrating component usage.

Design interfaces using component libraries and design systems. Creates cohesive UIs with pre-built accessible component primitives.

Generates individual Remotion scene components from visual direction. Input is visual/animation description for a specific scene. Output is SCENE_COMPONENT.md with complete TSX implementation. Use...

Build static websites using Metalsmith's component-based architecture. Triggers on phrases like "build me a website", "create a landing page", "help me make a site", or when working with...

|

Expert C4 Component-level documentation specialist. Synthesizes C4

Expert C4 Component-level documentation specialist. Synthesizes C4

HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when working with HeroUI components, installing HeroUI, customizing HeroUI themes, or accessing HeroUI component...

HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when working with HeroUI Native components, installing HeroUI Native, customizing themes, or accessing component...

Use when symfony twig components

Modern React component patterns with hooks, composition, and TypeScript

How to create, structure, and publish self-contained Convex components with proper isolation, exports, and dependency management

How to create, structure, and publish self-contained Convex components with proper isolation, exports, and dependency management

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

Master React Native 0.79.5 components, styling, performance optimization, and mobile UI best practices with real-world examples

Build interactive web components and artifacts. Creates interactive UI elements, visualizations, and web-based applications.

styled-components best practices for CSS-in-JS development in React applications