API design, GraphQL schema, OpenAPI spec, versioning. β οΈ Use for design phase. For implementation/security β backend-api.
Design-first methodology. Explore user intent, requirements and design before implementation. Turn ideas into fully formed specs through collaborative dialogue.
Introduction to the design system skills plugin. Use when first installing the plugin, exploring available skills, or planning a design system implementation.
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.
Analyze and extract design patterns from visual examples. Deconstructs design systems, color palettes, typography, and layout principles from reference materials.
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.
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.
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.