Frontend UI Design

Create visually distinctive, aesthetically pleasing frontend interfaces that avoid generic "AI slop" patterns.

When to Use

Use this skill when:

• User requests frontend UI creation (HTML, CSS, JavaScript, or React)
• User asks to build a webpage, landing page, or web interface
• User wants to create visual components or layouts
• User mentions design, aesthetics, or "make it look good"
• User asks for dashboard, portfolio, or application UI

Core Principle

CRITICAL: Without explicit aesthetic guidance, Claude defaults to generic, conservative designs (white backgrounds, purple accents, Inter/Roboto fonts, predictable layouts). This skill provides research-backed strategies to create distinctive, visually interesting interfaces.

The Four Design Dimensions