What problem does it solve? Choosing the right style, color palette, typography, and layout for a new UI project requires extensive design knowledge, and reviewing UI code for accessibility and UX issues is time-consuming and error-prone. ## Core Features & Use Cases - Design System Generation: Aggregates searches across product, style, color, landing, and typography domains to produce a complete design system with reasoning-based recommendations and anti-patterns to avoid. - Searchable Design Database: BM25-powered search over 67 styles, 96 color palettes, 57 font pairings, 25 chart types, and 99 UX guidelines across 13 technology stacks including React, Next.js, Vue, Svelte, SwiftUI, Flutter, and Tailwind. - Persistent Design Rules: Saves design systems as a MASTER.md file with page-specific override files for hierarchical retrieval across sessions. - Use Case: When asked to build a landing page for a beauty spa, run the design-system command to get a recommended pattern, style, hex color palette, font pairing, and effects, then fetch stack-specific Tailwind guidelines before writing code. ## Quick Start Ask the AI to generate a design system for your project, for example: design a landing page for a fintech SaaS dashboard using the ui-ux-pro-max skill.
