What problem does it solve? AI-generated web designs tend to cluster around a few generic looks, producing pages that feel templated and interchangeable. This Skill provides a disciplined design process that grounds every visual decision in the specific subject matter of the brief, resulting in UI with a distinctive, intentional identity. ## Core Features & Use Cases - Subject-Grounded Design Direction: Pins down the product, audience, and page purpose before designing, deriving palette, typography, and layout from the subject's own world rather than defaults. - Structured Two-Pass Process: Brainstorms a compact token system (color, type, layout, signature element), critiques it against generic AI design patterns, then builds only after the plan is confirmed as distinctive. - Copywriting Guidance: Treats interface copy as design material with rules for active voice, consistent action naming, error states, and empty states. - Use Case: When asked to build a landing page for a specialty coffee roaster, the Skill produces a design plan with a named hex palette, paired display and body typefaces, an ASCII wireframe, and one signature element tied to coffee culture, then implements it with disciplined CSS. ## Quick Start Ask the AI to design a landing page or UI for your product and request a distinctive visual direction grounded in your subject matter.
