What problem does it solve? AI-generated frontend output tends to look templated: purple gradients, centered heroes, three equal feature cards, and generic glassmorphism. This Skill forces the agent to read the brief first, infer the right design direction, and ship interfaces that avoid those default patterns. ## Core Features & Use Cases - Brief Inference and Design Read: Analyzes page kind, vibe words, references, audience, and constraints, then declares a one-line design direction before writing code. - Three-Dial Configuration: Tunes DESIGN_VARIANCE, MOTION_INTENSITY, and VISUAL_DENSITY per brief, with presets for SaaS landings, portfolios, editorial sites, and public-sector services. - Design System Mapping and Pre-Flight Audit: Selects official packages (Fluent, Material, Carbon, shadcn/ui, Tailwind v4) when applicable, and enforces mechanical checks on eyebrows, CTAs, contrast, hero layout, and palette consistency. - Use Case: Ask for a redesign of a B2B SaaS landing page and receive a Linear-style minimalist build with restrained motion, one locked accent color, and a passing pre-flight checklist. ## Quick Start Redesign my SaaS landing page to feel Linear-clean and minimalist, then run the full pre-flight audit before shipping.
