What problem does it solve? Designing consistent, accessible, and professional user interfaces requires deep knowledge of styles, color palettes, typography, and UX guidelines, which is hard to recall and apply consistently across projects. ## Core Features & Use Cases - Design System Generation: Produces a complete design system (pattern, style, colors, typography, effects) with reasoning-based recommendations via a CLI search tool, and can persist it as a Master file with page-level overrides. - Searchable Design Database: Queries 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks including React, Next.js, Vue, SwiftUI, Flutter, and Tailwind. - UI Review Checklists: Provides priority-ranked rule categories covering accessibility, touch targets, performance, animation, forms, navigation, and charts for auditing existing interfaces. - Use Case: When building a fintech dashboard, run the design-system command to get a matched style, palette, and font pairing, then verify the implementation against the accessibility and responsive-layout checklists. ## Quick Start Ask the AI to generate a design system for your product type, for example: design a landing page for a fitness app using the ui-ux-pro-max skill.
