What problem does it solve? LLM-generated frontend code tends to look templated and generic, with default purple gradients, centered heroes, and repetitive card layouts. This Skill forces the agent to read the brief first, infer the right design direction, and apply strict anti-default rules before writing any code. ## 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 generating code. - 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: Routes briefs to official packages like Fluent UI, Material 3, Carbon, GOV.UK Frontend, shadcn/ui, or Tailwind v4 instead of hand-rolled imitations. - 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 cookware landing page and receive a React/Tailwind implementation with a deliberate non-default palette, real image assets, and a layout that passes the audit checklist. ## Quick Start Use the design-taste-frontend skill to build a landing page for my B2B SaaS product with a Linear-style minimalist feel.
