Skill: Frontend Design

What This Skill Does

Guides the creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Instead of cookie-cutter components with predictable color schemes and default fonts, this skill enforces creative vision, bold aesthetic choices, and meticulous attention to visual detail.

The output is real, working code — not mockups or wireframes.

When to Use

• When building web components, pages, or full applications
• When the user asks for a frontend that should look "premium", "award-winning", or "distinctive"
• When redesigning an existing interface for visual impact
• As part of implement-phase when a step involves UI creation
• When the user says "make it beautiful" or "it looks too generic"

Do NOT use this for backend-only work or non-visual tasks.

Execution Model