What problem does it solve? Choosing consistent styles, colors, fonts, and interaction patterns for a new UI is slow and error-prone, and design decisions often lack traceable reasoning. This Skill provides a searchable local database of UI/UX rules plus a design-system generator so every visual decision is grounded in curated data. ## Core Features & Use Cases - Design System Generation: Run a single query to get a complete recommendation covering layout pattern, style, color palette, typography, effects, and anti-patterns, with optional variance, motion, and density dials. - Domain Search: Query 12 domains (style, color, typography, chart, landing, product, ux, icons, gsap, react, web, google-fonts) via a BM25 search engine with auto-domain detection. - Stack Guidelines: Retrieve implementation rules for 22 stacks including React, Next.js, Vue, SwiftUI, Flutter, Tailwind, and shadcn/ui. - Use Case: When building a SaaS dashboard in Next.js, generate a persisted design system (MASTER.md plus per-page overrides), then pull accessibility and animation rules before delivery using the pre-delivery checklist. ## Quick Start Ask the AI to generate a design system for your product type and stack, for example: design a modern minimal dashboard UI for my Next.js analytics app.