What problem does it solve? LLM-generated frontend code tends to look templated: AI-purple gradients, centered heroes, three equal feature cards, and generic glassmorphism. This Skill forces the agent to read the brief first, infer the right design direction, and ship interfaces that avoid those default patterns. ## Core Features & Use Cases - Brief Inference and Design Read: Analyzes page kind, vibe words, references, audience, and constraints, then declares a one-line design read 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: Selects official packages (Fluent, Material, Carbon, Polaris, GOV.UK Frontend, shadcn/ui, Tailwind v4) when the brief matches a real system, and gives honest implementation guidance for aesthetics like bento, brutalism, or glassmorphism. - Pre-Flight Layout Discipline: Enforces hard rules on hero sizing, eyebrow restraint, CTA contrast, palette consistency, and section-layout diversity. - Use Case: Ask for a redesign of a public-sector service site and the agent will reach for GOV.UK Frontend or USWDS with low-variance, low-motion dials instead of inventing custom CSS. ## Quick Start Redesign my SaaS landing page so it feels Linear-style minimalist and does not look like a generic AI template.
