What problem does it solve? Choosing consistent styles, color palettes, typography, and layout patterns for a new web or mobile UI is time-consuming and often produces unprofessional results. This Skill provides a searchable design intelligence database that returns complete, reasoned design system recommendations for any product type. ## Core Features & Use Cases - Design System Generation: Aggregates searches across product, style, color, landing, and typography domains, applies reasoning rules, and outputs a complete design system with anti-patterns to avoid. - Domain & Stack Search: BM25-powered search over 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types, plus stack-specific guidelines for React, Next.js, Vue, Tailwind, Flutter, SwiftUI, and more. - Persistence with Master + Overrides: Saves design systems to MASTER.md files 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 instantly get a recommended pattern, style, hex color palette, Google Fonts pairing, effects, and a pre-delivery checklist. ## Quick Start Ask the AI to generate a design system for your project, for example: create a UI design system for a fintech dashboard using the ui-ux-pro-max search script.
