What problem does it solve? Choosing coherent styles, color palettes, typography, and UX patterns for a new app or page is slow and inconsistent. This Skill provides a searchable design knowledge base and an automated design system generator so AI-assisted UI work starts from grounded, consistent recommendations instead of guesswork. ## Core Features & Use Cases - Design System Generation: The --design-system flag aggregates product, style, color, landing, and typography searches with reasoning rules to output a complete design system (pattern, palette, fonts, effects, anti-patterns), optionally persisted as a MASTER.md plus per-page override files. - Domain & Stack Search: BM25 search across 12 domains (style, color, typography, chart, ux, landing, icons, google-fonts, gsap, react, web, product) and 22 stack guideline files (React, Next.js, Vue, SwiftUI, Flutter, and more). - Design Dials: Optional 1-10 variance, motion, and density sliders tune style boldness, attach GSAP animation snippets, and override spacing scales. - Use Case: When asked to "build a fintech dashboard", run the design-system search to get a dark-mode palette, font pairing, layout pattern, and anti-patterns, then pull React performance guidelines before writing code. ## Quick Start Ask the AI to generate a design system for your project, for example: "Use the ui-ux-pro-max skill to generate a design system for a beauty spa landing page and save it to my project."