Add or customize shadcn/ui components in the shared UI package. Use when adding new components from shadcn registry, updating existing component variants, customizing styling with Tailwind, or...
Guide for authoring Convex components - isolated, reusable backend modules with their own schema and functions. Use when building reusable libraries, packaging Convex functionality for NPM,...
Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook...
Connects Figma design components to code components using Code Connect. Use when user says "code connect", "connect this component to code", "connect Figma to code", "map this component", "link...
Implement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and handling browser-only APIs. Triggers on...
Build signal-based forms in Angular v21+ using the new Signal Forms API. Use for form creation with automatic two-way binding, schema-based validation, field state management, and dynamic forms....
Generate documentation for new components. Use when writing docs, documenting components, or creating component documentation.
Manage Shadcn UI components: Add, Update, and Create custom components following best practices.
Expert React/Next.js component architect specializing in creating consistent, reusable, and maintainable components for monorepo projects
Design Angular modules using feature modules, lazy loading, and dependency injection. Use when organizing large Angular applications with proper separation of concerns.
Enforce consistent React component naming conventions using domain + role patterns. Use when creating, reviewing, or refactoring components.
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Design scalable React components using functional components, hooks, composition patterns, and TypeScript. Use when building reusable component libraries and maintainable UI systems.