What problem does it solve? Choosing consistent styles, color palettes, typography, and layout patterns for web and mobile interfaces requires extensive design knowledge, and inconsistent choices lead to unprofessional UI with accessibility and usability issues. ## Core Features & Use Cases - Design System Generation: Runs multi-domain BM25 searches across product, style, color, landing, and typography CSV databases, 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 stacks (html-tailwind, react, nextjs, vue, svelte, swiftui, react-native, flutter, shadcn, jetpack-compose, and more) for targeted guidelines. - Persistent Design Systems: Saves generated systems as a MASTER.md source of truth with per-page override files for hierarchical retrieval across sessions. - Use Case: When asked to build a landing page for a beauty spa, run the design-system command to receive a recommended pattern, glassmorphism or minimalism style, hex color palette, Google Fonts pairing, and a pre-delivery checklist before writing any code. ## Quick Start Ask the AI to generate a design system for your project, for example: "Create a landing page for a fintech SaaS dashboard" and it will run the search script to produce a full design recommendation.
