Summary
A solid collection of React patterns that covers the fundamentals you'd want in any serious component library. You get props API design with TypeScript, composition patterns, render props, custom hooks, and performance optimization strategies. It includes practical implementations like compound components and polymorphic components, plus it enforces some opinionated rules like no prop drilling beyond five levels and mandatory accessibility attributes. The examples are what you'd expect: Button, Modal, Dropdown, Accordion. If you're building a design system or just tired of reinventing component patterns, this gives you a structured approach with real boilerplate. The accessibility enforcement is a nice touch that'll save you from forgetting aria attributes later.
Install to Claude Code
npx -y skills add supercent-io/skills-template --skill ui-component-patterns --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 →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →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 →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
