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, platform, and framework constraints. This Skill provides a searchable local database of UI/UX guidance so design decisions are grounded in curated data rather than guesswork. ## Core Features & Use Cases - Design System Generation: Aggregates product, style, color, landing, and typography matches into a complete design system with optional variance, motion, and density dials, and can persist it as a Master file plus per-page overrides. - Domain-Specific Search: Queries 12 domains including styles, colors, typography, charts, icons, GSAP animation presets, UX guidelines, and Google Fonts via a BM25 search engine with calibrated relevance thresholds. - Stack-Specific Guidelines: Returns implementation rules for 22 stacks such as React, Next.js, Vue, Svelte, Flutter, SwiftUI, Tailwind, and shadcn. - Use Case: When asked to build an AI search homepage in a Next.js project, the Skill detects the stack, generates a design system with palette and typography, supplements it with accessibility guidance, and returns Next.js-specific performance rules. ## Quick Start Ask the assistant to design a new page or review an interface, for example: "Design a modern minimal landing page for my SaaS product using the ui-ux-pro-max skill."
