What problem does it solve? Choosing styles, color palettes, fonts, and UX patterns for a new app or page is slow and inconsistent. This Skill provides a searchable database of 67 styles, 161 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 22 technology stacks, plus an automated design system generator. ## Core Features & Use Cases - Design System Generation: Run a single query to get a complete design system with pattern, style, colors, typography, effects, and anti-patterns, with optional variance/motion/density dials. - Domain & Stack Search: BM25-powered search across domains (style, color, typography, chart, ux, landing, icons, gsap, react, web) and 22 stack-specific guideline files (React, Next.js, SwiftUI, Flutter, and more). - Persistence & Review: Persist design systems as MASTER.md plus per-page override files, and use built-in pre-delivery checklists for accessibility, contrast, and layout review. - Use Case: When asked to build a fintech dashboard, generate a full design system with colors, fonts, and a GSAP motion snippet, then pull React performance guidelines before writing code. ## Quick Start Ask the AI to generate a design system for your project, for example: "Use the ui-ux-pro-max skill to generate a design system for a minimal dark-mode AI search homepage."
