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.
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.
Translate designs and UI requirements into robust, extensible implementations. Apply when converting designs to code, implementing components, fixing broken UI, or handling responsive layouts.
Create and edit ShaderGraph and RealityKit material networks in .usda files. Use when manually editing USD ASCII files to build, modify, or troubleshoot materials, shader nodes, and connections...
Turn ideas into fully formed designs and specs through natural collaborative dialogue. Use when planning new features, designing architecture, or making significant changes to the codebase.
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.
Create detailed technical specifications, requirements documents, design documents, and system architecture specs. Use when writing technical specs, requirements docs, or design documents.