What problem does it solve? Choosing coherent styles, color palettes, typography, and UX patterns for a new interface is slow and inconsistent without a structured reference. This Skill provides a searchable local database of UI/UX design intelligence so design decisions are grounded in curated data rather than guesswork. ## Core Features & Use Cases - Design System Generation: Aggregates product type, style, color, landing pattern, and typography matches into a complete design system, with optional persistence as a Master file plus per-page overrides. - Domain-Specific Search: Queries 12 domains (styles, colors, charts, UX guidelines, typography, icons, GSAP motion, landing patterns, and more) via a BM25 search engine with calibrated relevance thresholds. - Stack-Specific Guidelines: Returns implementation do/don't rules with code examples for 22 stacks including React, Next.js, Vue, Flutter, SwiftUI, and Tailwind. - Use Case: When asked to build a SaaS dashboard, run the design-system search to get a recommended pattern, palette, font pairing, and anti-patterns, then query the detected stack for implementation rules before writing components. ## Quick Start Ask the AI to generate a design system for your product type, for example: design a modern minimal AI search homepage using the ui-ux-pro-max skill.
