What problem does it solve? Choosing a coherent UI style, color palette, typography pairing, and page structure for a new web or mobile project requires significant design research, and inconsistent choices lead to unprofessional-looking interfaces. ## Core Features & Use Cases - Design System Generation: Runs a multi-domain BM25 search across product, style, color, landing, and typography CSV datasets, then applies reasoning rules to output a complete design system with pattern, colors, fonts, effects, and anti-patterns. - Domain and Stack Search: Queries 10 domains (style, color, chart, landing, product, ux, typography, icons, react, web) and 13 stack guideline sets (html-tailwind, react, nextjs, vue, svelte, swiftui, flutter, shadcn, and more). - Persistence with Master + Overrides: Saves results to design-system/MASTER.md plus per-page override files so design rules stay consistent across sessions. - Use Case: When asked to build a landing page for a beauty spa, run the design-system command with keywords like "beauty spa wellness elegant" to receive a full palette, font pairing, section order, and anti-patterns before writing any code. ## Quick Start Ask the AI to generate a design system for your project by describing the product type, industry, and desired style, for example requesting a design system for a fintech dashboard with a dark professional look.
