What problem does it solve? AI-generated web designs tend to converge on generic, templated looks that lack a distinctive visual identity. This Skill guides the creation of intentional, opinionated frontend designs with deliberate choices in palette, typography, layout, and motion that are specific to each brief. ## Core Features & Use Cases - Design Planning: Produces a compact token system covering color (4-6 named hex values), typography (display, body, and utility faces), layout concepts with ASCII wireframes, and a single signature element. - Self-Critique Workflow: Reviews design plans against the brief to eliminate generic defaults before writing any code, then critiques again during implementation. - Interface Copywriting Guidance: Applies intentional writing principles for labels, errors, empty states, and calls to action so copy matches the design's quality. - Use Case: When asked to build a landing page for a new product, use this Skill to first define a unique visual direction grounded in the subject matter, then implement responsive HTML/CSS that avoids recognizable AI-generated design patterns. ## Quick Start Design and build a landing page for my product with a distinctive visual identity that does not look like a generic template.
