Frontend Design

This is for when you want Claude to design interfaces with actual aesthetic opinions instead of defaulting to generic SaaS layouts. It forces an explicit design direction (brutalist, editorial, retro-futurist, etc.) before writing code, scores feasibility with a custom index, and bans the usual suspects like Inter, Roboto, and purple gradients. The output includes working code plus a design system with fonts, colors, and motion principles. It's opinionated about what makes UI memorable versus template-like. Use it when you're building something that needs to look like it was designed by a human with taste, not assembled from component libraries. The differentiation anchor requirement is smart: if you removed the logo, how would someone recognize this interface?

Install to Claude Code

npx -y skills add sickn33/antigravity-awesome-skills --skill frontend-design --agent claude-code