What problem does it solve? AI-generated web designs tend to cluster around a few generic looks—cream backgrounds with serif displays, dark themes with acid accents, or broadsheet layouts—regardless of the subject. This Skill provides a disciplined design process that produces intentional, subject-specific visual identities instead of templated defaults. ## Core Features & Use Cases - Structured Design Planning: Brainstorm 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 before writing code. - Self-Critique Workflow: Review the plan against the brief to detect generic defaults, revise weak choices, then build and critique again with restraint—one bold signature element surrounded by quiet, disciplined execution. - Interface Copywriting Guidance: Write UI copy from the end user's perspective with active voice, consistent action naming, and error/empty states that give direction. - Use Case: When asked to build a landing page for a campus-industry cooperation evaluation system, use this Skill to derive a palette and typography from the institution's world rather than falling back on a generic dashboard aesthetic. ## Quick Start Design a distinctive landing page for my web app using the frontend-design process, starting with a design plan before writing any code.
