Summary
This is a frontend patterns library disguised as a skill. It scaffolds Next.js and React projects with TypeScript and Tailwind, generates components with tests, and flags bundle bloat like when you're still shipping Moment.js instead of date-fns. The compound component patterns and server versus client component guidelines are solid references if you keep forgetting when to add 'use client'. It also includes an accessibility checklist and that cn utility everyone copies from shadcn. Best used when spinning up new projects or auditing existing ones for performance wins. The bundle analysis table alone might save you 200KB if your dependencies are out of date.
Install to Claude Code
npx -y skills add composiohq/awesome-claude-plugins --skill senior-frontend --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
