What problem does it solve? Choosing the right style, color palette, typography, and UX patterns for a new interface is slow and inconsistent without a structured reference. This Skill provides a searchable database of 50+ styles, 161 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 10 technology stacks, so design decisions are grounded in documented rules rather than guesswork. ## Core Features & Use Cases - Design System Generation: Run a single query to produce a complete design system (pattern, style, colors, typography, effects) with reasoning and anti-patterns, optionally persisted as a MASTER.md file with per-page overrides. - Domain-Specific Search: Query dedicated domains such as style, color, typography, chart, ux, and product to retrieve targeted recommendations for components like modals, dashboards, or forms. - UI Review Checklists: Apply a priority-ordered rule catalog covering accessibility, touch targets, performance, animation, forms, and navigation to audit existing interfaces. - Use Case: When asked to build a SaaS dashboard, generate a design system for the product type, then search the chart and ux domains to pick accessible chart types and interaction patterns before writing any code. ## Quick Start Ask the AI to generate a design system for your product type, for example: "Create a design system for a fitness tracking dashboard with dark mode."
