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 any 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, 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 consumer brand landing page and receive a React/Next.js page with a deliberate palette, real image assets, varied section layouts, and no AI-default styling. ## Quick Start Use the design-taste-frontend skill to build a landing page for my SaaS product with a minimalist Linear-style aesthetic.
