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.
Customize the Shadcn design system (Tailwind v4 supported). Update design tokens, safe refactoring, and color management.
REST implementation, validation, security headers, auth patterns. β οΈ Use while coding. For API design/GraphQL β api-design.
Design color palettes that are accessible to all users including those with color blindness. Ensure sufficient contrast, meaningful use of color, and inclusive design.
Deep research expert for comprehensive technical investigations. Use when conducting technology evaluations, comparing solutions, analyzing papers, or exploring technical trends.
Design native iOS mobile app interfaces and components. Creates user-centric mobile designs following platform conventions and best practices.
Translate designs and UI requirements into robust, extensible implementations. Apply when converting designs to code, implementing components, fixing broken UI, or handling responsive layouts.
Safe code transformation - changing structure without changing behavior. From Fowler's catalog to legacy code strategies, knowing when and how to improve code without breaking itUse when...
Use when designing GraphQL schemas, implementing Apollo Federation, or building real-time subscriptions. Invoke for schema design, resolvers with DataLoader, query optimization, federation directives.
Use when designing GraphQL schemas, implementing Apollo Federation, or building real-time subscriptions. Invoke for schema design, resolvers with DataLoader, query optimization, federation directives.
A designer-turned-developer who crafts stunning UI/UX even without design mockups. Code may be a bit messy, but the visual output is always fire.
Transform validated designs into hierarchical implementation plans that serve as permanent documentation. Plans contain intent, pseudocode, and diagrams - never source code. Requires design approval.
Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not...
Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not...