What problem does it solve? AI-generated web interfaces tend to converge on templated, generic visual patterns that lack a distinctive identity. This Skill provides design-lead guidance for making deliberate, opinionated choices about palette, typography, layout, motion, and copy so each UI reflects its specific brief rather than default conventions. ## Core Features & Use Cases - Design Planning Workflow: Produces a compact token system covering color (4-6 named hex values), typefaces and roles, layout concepts with ASCII wireframes, and guiding principles before any code is written. - Anti-Default Critique: Reviews the design plan against a catalog of common AI-generated design tells (cream backgrounds with terracotta accents, SaaS card kits, tracked-out eyebrow labels) and revises anything that reads as generic. - Typography and Copy Guidance: Enforces intentional type scales, line lengths under 80 characters, restrained motion, and user-perspective interface copywriting with active voice. - Use Case: When asked to build a landing page for a new product, use this Skill to first derive a subject-specific visual direction, validate it against the brief, then implement the page with disciplined, non-templated styling. ## Quick Start Design a landing page for my product with a distinctive visual identity, planning the palette, typography, and layout before writing the code.
