Frontend Design Skill

Create distinctive, production-grade interfaces avoiding generic "AI slop." Follow phased workflow with concrete reference material.

Phase 1: Design Direction

Before code, commit to aesthetic direction:

• What problem? Who uses it? What's memorable?
• Choose ONE: Brutally minimal · Maximalist · Retro-futuristic · Organic · Luxury · Playful · Editorial · Brutalist · Art deco · Soft/pastel · Industrial · Sci-fi/cyberpunk

CRITICAL: Fresh choice every generation. Vary themes, fonts, palettes.

Deliverables: named direction, font pairing (references/typography.md), palette (references/color-palettes.md), layout (references/layout-compositions.md).

Phase 2: Token System