What problem does it solve? Choosing the right style, color palette, typography, and interaction patterns for a new interface is slow and inconsistent without a structured reference. This Skill provides a searchable database of 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types so design decisions are grounded in documented rules rather than guesswork. ## Core Features & Use Cases - Design System Generation: Run a single CLI query with --design-system to get a complete recommendation set (pattern, style, colors, typography, effects) with reasoning and anti-patterns, optionally persisted to design-system/MASTER.md with per-page overrides. - Domain Searches: Query specific domains such as style, color, typography, chart, ux, and product to retrieve targeted guidance for components, dashboards, landing pages, and mobile apps. - Priority-Based Review Checklists: Use the built-in rule categories (accessibility, touch targets, performance, animation, forms, navigation, charts) to review or fix existing UI code. - Use Case: When asked to build a fintech dashboard, run the design-system search for "fintech dashboard", receive a matched style, palette, and font pairing, then verify the implementation against the accessibility and chart guidelines. ## Quick Start Ask the AI to generate a design system for your product type, for example: "Use the ui-ux-pro-max skill to create a design system for a beauty spa booking app."
