Use when starting any feature, project, or design work. Guides collaborative design refinement through incremental questioning before any code is written.
Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.
Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.
Transform rough ideas into validated designs through deep understanding, research, and documentation synthesis. Designs become permanent project documentation.
Design visual layouts and compositions for web and print. Creates balanced designs with typography, color, and spacing principles applied consistently.
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.
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.