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 the agent to read the brief first, infer the right design direction, and apply disciplined layout, typography, color, and motion rules so the output does not look like default LLM slop. ## 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 writing any 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 and Pre-Flight Audit: Selects official design systems (Fluent, Material, Carbon, shadcn/ui, Tailwind v4) when appropriate, enforces anti-default rules for typography, color, and layout, and runs a strict pre-flight check before shipping. - Use Case: Ask the agent to redesign a portfolio homepage; it infers an editorial direction, picks fonts and an accent palette, builds a React/Tailwind layout with real imagery, and audits eyebrow overuse, CTA contrast, and hero overflow before delivering. ## Quick Start Redesign my landing page using the design-taste-frontend skill so it looks custom-designed rather than templated.
