What problem does it solve? Choosing consistent styles, color palettes, typography, and UX patterns for web and mobile interfaces requires scattered research; this Skill centralizes that decision-making into a searchable design intelligence database. ## Core Features & Use Cases - Design System Generation: Runs a BM25-based search across product, style, color, landing, and typography domains to produce a complete design system with reasoning rules, anti-patterns, and a pre-delivery checklist. - Domain Search CLI: Queries 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types, plus stack-specific rules for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS. - Persistence with Master + Overrides: Saves generated systems to design-system/MASTER.md with optional per-page override files for hierarchical retrieval across sessions. - Use Case: When asked to build a fintech dashboard, run the design-system command to get a recommended pattern, style, full color token table, font pairing, and effects, then query the ux domain for accessibility and animation rules before writing code. ## Quick Start Ask the AI to generate a design system for your product type, for example: use the ui-ux-pro-max skill to create a design system for a beauty spa landing page.