What problem does it solve? Choosing consistent styles, color palettes, typography, and UX patterns for a new interface is slow and error-prone. This Skill provides a searchable local database of design rules plus a generator that produces a complete design system recommendation for any product type and stack. ## Core Features & Use Cases - Design System Generation: Run a single query to get pattern, style, colors, typography, effects, and anti-patterns, with optional variance, motion, and density dials, and persist results as a Master file plus per-page overrides. - Domain Search: Query 12 domains (style, color, typography, charts, landing pages, UX guidelines, icons, GSAP motion, React performance, and more) via a BM25 search engine with auto-domain detection. - Stack Guidelines: Retrieve implementation rules for 22 stacks including React, Next.js, Vue, Svelte, SwiftUI, Flutter, Tailwind, and shadcn/ui. - Use Case: When asked to build a SaaS dashboard in Next.js, generate the design system, supplement with UX and chart searches, then apply Next.js-specific guidelines before writing components. ## Quick Start Ask the AI to generate a design system for your product, for example: use the ui-ux-pro-max skill to create a design system for a minimal SaaS analytics dashboard in Next.js.