What problem does it solve? Choosing styles, color palettes, typography, and UX patterns for a new page or app often relies on guesswork. This Skill replaces that with a searchable local database of 84 styles, 192 color palettes, 74 font pairings, 98 UX guidelines, and stack-specific rules across 22 frameworks, so design decisions come with reasoning and anti-patterns to avoid. ## Core Features & Use Cases - Design System Generation: Run a single query to get a full recommendation covering layout pattern, style, semantic color tokens, font pairings, effects, and anti-patterns, with optional persistence to a MASTER.md plus per-page override files. - Domain Search: Query specific domains such as color, typography, icons, charts, GSAP motion presets, landing page structure, and UX guidelines using a BM25-ranked search script. - Stack Guidelines: Retrieve do/don't rules with code examples for React, Next.js, Vue, Svelte, Angular, SwiftUI, Flutter, React Native, Tailwind, shadcn/ui, and more. - Use Case: When asked to build an analytics dashboard in Next.js, generate a design system with density and motion dials, then pull Next.js-specific performance guidelines before writing any component code. ## Quick Start Ask the AI to design a new page or review existing UI, for example: generate a design system for a beauty spa landing page and apply it to my Next.js project.