What problem does it solve? LLM-generated frontend code tends to look templated and generic, repeating the same purple gradients, centered heroes, and default font choices. This Skill forces the agent to read the brief first, infer the right design direction, and ship interfaces that avoid recognizable AI design clichés. ## Core Features & Use Cases - Brief Inference and Design Read: Analyzes page kind, vibe words, references, audience, and constraints before writing code, then declares a one-line design read. - Three-Dial Configuration: Tunes DESIGN_VARIANCE, MOTION_INTENSITY, and VISUAL_DENSITY based on the brief, with presets for SaaS landings, portfolios, editorial sites, and public-sector services. - Design System Mapping: Selects official design systems (Fluent, Material, Carbon, Polaris, GOV.UK, shadcn/ui, Tailwind v4) when the brief matches, instead of hand-rolling CSS. - Pre-Flight Audits: Enforces hard rules on hero layout, eyebrow restraint, CTA contrast, palette consistency, and section-layout diversity before shipping. - Use Case: Ask for a redesign of a premium consumer brand landing page and receive a React/Tailwind implementation with a deliberate non-default palette, real imagery, and a passed pre-flight checklist. ## Quick Start Redesign my landing page using the design-taste-frontend skill so it does not look like a generic AI template.
