What problem does it solve? Choosing styles, color palettes, typography, and UX patterns for a new interface often relies on guesswork or scattered references. This Skill provides a searchable local database of UI/UX design rules so design decisions are grounded in documented guidelines across 22 technology stacks. ## Core Features & Use Cases - Design System Generation: Run a single query to get a complete recommendation covering pattern, style, colors, typography, effects, and anti-patterns, with optional persistence to a MASTER.md file plus page-level overrides. - Domain-Specific Search: Query 12 domains including styles, color palettes, font pairings, charts, icons, GSAP motion presets, UX guidelines, and landing page patterns using BM25-ranked search. - Stack Guidelines: Retrieve implementation rules for React, Next.js, Vue, Svelte, SwiftUI, Flutter, Tailwind, shadcn/ui, and 14 other stacks. - Use Case: When asked to build a SaaS dashboard in Next.js, generate a design system with color tokens and font pairings, then pull accessibility and performance rules before writing components. ## Quick Start Ask the AI to generate a design system for your product type and stack, for example: design a modern minimal landing page for a fintech SaaS app using Next.js.
