What problem does it solve? Choosing styles, palettes, typography, and interaction patterns for a new UI is slow and inconsistent, and reviewing an existing design for accessibility or usability issues is easy to do superficially. This Skill replaces guesswork with a searchable local database of design rules and a structured critique workflow. ## Core Features & Use Cases - Design system generation: Runs a BM25 search across 84 styles, 192 palettes, 74 font pairings, 192 product types, and 22 stacks to produce a complete design system (pattern, colors, typography, effects, anti-patterns), optionally persisted as MASTER.md and per-page override files. - Design critique: Reviews an existing page, mockup, or live URL as a design director, producing a Nielsen 0-40 scorecard, AI-slop detection, cognitive-load checks, and P0-P3 prioritized issues. - Measured verification: Runs Lighthouse before/after comparisons for accessibility and performance claims instead of estimating scores. - Use Case: When asked to build a fintech dashboard, the Skill detects the stack from package.json, generates a dense-layout design system with a matching palette and font pairing, attaches a GSAP motion snippet, and checks the result against a web delivery checklist. ## Quick Start Ask the assistant to use the ui-ux-pro-max skill to generate a design system for your project, for example by describing your product type, audience, and style keywords.
