What problem does it solve? AI-generated web designs tend to cluster around generic, templated aesthetics—cream backgrounds with terracotta accents, SaaS card kits, tracked-out eyebrow labels—that make every page look the same. This Skill provides design-lead guidance for making deliberate, opinionated choices about palette, typography, layout, and motion that are specific to each brief. ## Core Features & Use Cases - Brief-grounded design direction: Anchors visual choices in the subject matter, audience, and industry rather than defaulting to generic patterns. - Two-pass planning workflow: Brainstorm a compact token system (color, type, layout, principles), review it against the brief for generic defaults, then build. - Anti-pattern calibration: Explicitly catalogs common AI-generated design tells (numbered markers, single-word accents, fade-and-slide entrances) so they can be avoided or used only when justified. - Copywriting guidance: Covers interface writing—active voice, user-perspective naming, error and empty-state messaging—as part of the design. - Use Case: When asked to build a landing page for a new product, use this Skill to produce a distinctive hero treatment, deliberate type scale, and restrained motion instead of a templated gradient-and-cards layout. ## Quick Start Ask the agent to design a landing page for your product using the frontend-design skill, providing your brief and subject matter.
