What problem does it solve? Choosing styles, color palettes, typography, and interaction patterns for a new interface is slow and inconsistent without a reference base. This Skill provides a searchable local database of UI/UX guidance so design decisions are grounded in curated data rather than guesswork. ## Core Features & Use Cases - Design System Generation: Run a single query to produce a complete design system (pattern, style, colors, typography, effects, anti-patterns) and optionally persist it as a Master file plus per-page overrides. - Domain-Specific Search: Query 12 domains including styles, colors, typography, charts, icons, GSAP motion presets, UX guidelines, and landing page patterns via a BM25 search engine. - Stack-Specific Guidelines: Retrieve implementation rules for 22 stacks such as React, Next.js, Vue, SwiftUI, Flutter, and Tailwind. - Use Case: When asked to build a SaaS dashboard in Next.js, generate a design system with the design-system mode, then pull accessibility rules from the ux domain and Next.js-specific guidance from the stack search. ## Quick Start Ask the AI to design a new page or review an interface, for example: generate a design system for a beauty spa booking website and apply it to the homepage.