Frontend Prime

This is the anti-slop skill. It enforces design decisions before code, bans the usual AI tells (purple gradients, uniform rounded corners, three-column card grids), and pushes you toward distinctive aesthetics like brutalist, editorial, or retro-futuristic. The blacklist alone is worth reading. It also handles the stuff Claude often skips: proper semantic color systems with CSS custom properties, complete SEO metadata including OpenGraph and JSON-LD, dark mode that actually looks good, and accessibility fundamentals. Use it when you're building any frontend work and want to avoid that "this was obviously generated" look. Works with Next.js but the principles apply anywhere.

Install to Claude Code

npx -y skills add esramulkpinar/prime-frontend-skills --skill frontend-prime --agent claude-code