What problem does it solve? Choosing coherent styles, color palettes, font pairings, and UX patterns for a new interface is slow and error-prone, and generic advice often ignores accessibility, responsive layout, and the target framework. This Skill provides a searchable local knowledge base plus a BM25 search engine that returns verified design guidance matched to the product type and technology stack. ## Core Features & Use Cases - Design System Generation: Aggregates product, style, color, landing, and typography searches into a complete design system, with optional variance, motion, and density dials, and persists it as a MASTER.md plus per-page override files. - Domain-Specific Search: Queries 12 domains (styles, colors, charts, landing patterns, products, UX guidelines, typography, icons, GSAP motion, React performance, app interfaces, Google Fonts) and 22 stack guideline sets including Next.js, Tailwind, SwiftUI, and Flutter. - Use Case: When building an analytics dashboard in Next.js, run a design-system query to get a palette, typography pairing, and layout pattern, then query the ux domain for accessibility rules and the nextjs stack for implementation guidelines before writing components. ## Quick Start Ask the assistant to use the ui-ux-pro-max skill to generate a design system for your product type and stack, for example by requesting a design system for a SaaS dashboard built with Next.js.
