Summary
If you're tired of Claude generating the same purple gradient SaaS landing page for the thousandth time, this skill course-corrects hard. It pushes for bold aesthetic decisions upfront (brutalist, maximalist, retro-futuristic, pick your poison) and demands distinctive typography beyond the Inter/Roboto defaults. The focus is on production-grade code with intentional design choices: creative layouts, thoughtful motion, atmospheric backgrounds, and details that actually reflect context. Works across HTML/CSS/JS, React, and Vue. The underlying philosophy is simple: generic AI aesthetics are avoidable if you commit to a clear creative direction and execute with precision, whether that's refined minimalism or elaborate maximalism.
Install to Claude Code
npx -y skills add composiohq/awesome-claude-plugins --skill frontend-design --agent claude-codeInstalls into .claude/skills of the current project.
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Files
SKILL.md
Select a file.
Featured
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →First SeenJun 11, 2026
