What problem does it solve? AI-generated frontend code tends to look templated and generic, repeating the same purple gradients, centered heroes, and card grids. This Skill forces deliberate design decisions by inferring the right aesthetic from the brief before writing any code. ## Core Features & Use Cases - Brief Inference: Reads page kind, vibe words, references, audience, and constraints to declare a one-line design read before generating code. - Three Design Dials: Configures variance, motion intensity, and visual density to drive every layout and animation decision. - Design System Mapping: Selects official packages (Fluent, Material, Carbon, shadcn/ui, Tailwind) or honest custom implementations for aesthetic directions like glassmorphism or brutalism. - Pre-Flight Audits: Enforces hard rules on hero layout, eyebrow restraint, CTA contrast, palette consistency, and section-layout diversity. - Use Case: Ask for a redesign of a real estate landing page and receive a React/Tailwind implementation with a declared design read, a locked accent palette, real image assets, and no AI-default clichés. ## Quick Start Redesign my landing page using the design-taste-frontend skill and state your design read before writing code.
