What problem does it solve?
This Skill eliminates guesswork and slow iterations when creating UI design systems and performing UX reviews by providing prioritized accessibility and interaction rules, searchable style/color/typography assets, and implementation guidance tailored to common stacks.
Core Features & Use Cases
- Design system generation: Aggregates multi-domain searches and reasoning to produce a complete pattern, style, color, and typography recommendation for a project.
- Searchable style database: BM25-backed CLI search across styles, colors, typography, charts, and UX guidelines for targeted refinements.
- Stack-specific guidance & pre-delivery checklist: Produces implementation tips for html-tailwind, react, nextjs, and others, plus accessibility and QA checklist items.
- Use Case: Create a mobile-first, accessible SaaS dashboard design system that includes color palettes, font pairings, component patterns, and a pre-delivery accessibility checklist.
Quick Start
Generate a complete design system for a SaaS dashboard with mobile-first responsive layouts and accessible color and typography recommendations.