Frontend Design

If you're tired of every AI-generated interface looking like the same purple gradient on white with Inter font, this is the antidote. It pushes Claude to commit to bold aesthetic directions before writing code, whether that's brutalist chaos, art deco geometry, or refined minimalism. The key insight here is forcing intentional creative choices upfront: distinctive typography pairings, cohesive color systems with CSS variables, and motion that actually surprises rather than generic fade-ins. It explicitly bans the usual suspects and encourages asymmetry, unexpected layouts, and atmospheric backgrounds. Use it when you want frontend code that looks genuinely designed for its context, not stamped from a template.

Install to Claude Code

npx -y skills add am-will/codex-skills --skill frontend-design --agent claude-code