What problem does it solve? AI-generated frontend code tends to look templated and generic, repeating the same purple gradients, centered heroes, and three-card layouts. This Skill forces the agent to read the brief first, infer the right design direction, and ship interfaces that avoid recognizable LLM design defaults. ## 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 direction. - 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 packages (Fluent, Material, Carbon, Polaris, shadcn/ui, Tailwind v4) when the brief matches a real system, and gives honest implementation guidance for aesthetics like glassmorphism, bento, and brutalism. - Pre-Flight Layout Rules: Enforces hard constraints on hero sizing, eyebrow frequency, CTA contrast, palette consistency, and section-layout diversity. - 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 anti-slop checklist. ## Quick Start Use the design-taste-frontend skill to build a landing page for my SaaS product with a calm, Linear-style aesthetic.
