What problem does it solve? AI-generated web designs tend to converge on the same templated looks, making pages feel generic and interchangeable. This Skill guides the creation of intentional, subject-specific visual design so each UI has a distinctive identity rather than a default aesthetic. ## Core Features & Use Cases - Design Direction Planning: Produces a compact token system covering color palettes (4-6 named hex values), typography pairings, layout concepts with ASCII wireframes, and a single signature element. - Self-Critique Workflow: Reviews the design plan against the brief before coding, revising any choice that reads as a generic default, then builds code that follows the revised plan exactly. - Interface Copywriting Guidance: Applies deliberate writing principles for labels, errors, empty states, and controls so copy supports navigation instead of decorating it. - Use Case: When asked to build a landing page for a new product, use this Skill to first define a subject-grounded palette, type scale, and signature moment, then implement a responsive page with keyboard focus and reduced-motion support. ## Quick Start Design and build a landing page for my product with a distinctive visual identity that avoids generic AI-looking templates.
