Frontend Design

This one's for when you're tired of every AI-generated interface looking like the same purple gradient SaaS landing page. It pushes Claude to commit to bold aesthetic directions before writing code, whether that's brutalist layouts, retro-futuristic themes, or refined minimalism. The key insight here is intentionality over defaults: it specifically calls out avoiding Inter and Roboto, demands distinctive typography pairings, and emphasizes that maximalist designs need elaborate implementation while minimalist ones need restraint and precision. Use it when you're building components or pages and want something that actually has a point of view. The design thinking section forces context analysis before generating code, which helps avoid generic choices.

Install to Claude Code

npx -y skills add anthropics/claude-plugins-official --skill frontend-design --agent claude-code