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 direction from the brief before writing any code. ## Core Features & Use Cases - Brief Inference: Reads page kind, vibe words, references, audience, and constraints to produce a one-line design read before generating code. - Three-Dial Configuration: Tunes DESIGN_VARIANCE, MOTION_INTENSITY, and VISUAL_DENSITY to match the inferred aesthetic, from calm editorial to experimental agency work. - Design System Mapping: Selects official packages like Fluent UI, Carbon, Material 3, shadcn/ui, or Tailwind v4 when the brief matches a real system, and honestly approximates aesthetics like glassmorphism or bento grids when it does not. - Pre-Flight Audits: Enforces hard layout rules covering hero sizing, eyebrow restraint, CTA contrast, palette consistency, and section-layout diversity. - Use Case: Ask for a redesign of a SaaS landing page and receive a Linear-style minimalist build with restrained motion, real imagery, and a locked single-accent palette instead of default AI slop. ## Quick Start Redesign my SaaS landing page with a clean Linear-style minimalist aesthetic using this skill.
