What problem does it solve? LLM-generated frontend code tends to look templated: AI-purple gradients, centered heroes, three equal feature cards, and default Inter typography. This Skill forces the agent to read the brief first, infer the right design direction, and ship landing pages, portfolios, and redesigns that do not look like generic AI output. ## 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 with presets for SaaS landings, portfolios, editorial sites, and public-sector services. - Design System Mapping: Selects official packages (Fluent, Material, Carbon, Polaris, GOV.UK Frontend, shadcn/ui, Tailwind v4) when the brief matches a real system instead of hand-rolling CSS. - Anti-Slop Directives and Pre-Flight Audit: Enforces rules on typography, color palettes, hero layout, eyebrows, CTAs, contrast, and image strategy, with a mechanical pre-flight check before shipping. - Use Case: Ask the agent to redesign a SaaS landing page; it declares a design read, picks Tailwind v4 plus Motion, generates real image assets, and audits the result against layout and accessibility rules. ## Quick Start Use the design-taste-frontend skill to build a landing page for my B2B SaaS product with a Linear-style minimalist feel.
