What problem does it solve? Choosing the right visual style, color palette, typography, and layout pattern for a new UI project is time-consuming and error-prone, and teams often ship interfaces with accessibility and interaction mistakes. This Skill provides a searchable design knowledge base and an automated design system generator so every UI decision is grounded in documented guidelines. ## Core Features & Use Cases - Design System Generation: One command produces a complete recommendation covering page pattern, style, hex color palette, font pairing, effects, and anti-patterns for a given product type. - Multi-Domain BM25 Search: Query 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, landing page patterns, and chart recommendations ranked by relevance. - Stack-Specific Guidelines: Retrieve implementation best practices for 12 stacks including React, Next.js, Vue, Tailwind, SwiftUI, Flutter, and shadcn/ui. - Use Case: When asked to build a fintech dashboard, run the design-system command to get a professional style, trust-building colors, and typography, then search the ux domain for accessibility and animation rules before writing code. ## Quick Start Ask the AI to generate a design system for your project, for example: "Use the uiux-designer skill to generate a design system for a healthcare SaaS dashboard called MedPortal."
