Summary
This one walks you through building React UIs with shadcn/ui, the component collection built on Radix primitives and Tailwind. It covers the full workflow: initializing projects, picking the right component for forms vs dialogs vs data tables, implementing patterns like validated forms with React Hook Form and Zod, and customizing through Tailwind classes or CSS variables. The component selection guide is genuinely helpful if you're staring at 40+ options wondering whether you need a dialog, drawer, or popover. Works across Next.js, Vite, Remix, and others. Includes MCP server integration so you can request components in natural language instead of memorizing CLI commands. Good reference if you're already using shadcn/ui or evaluating it against component libraries.
Install to Claude Code
npx -y skills add majesteitbart/talentmatcher --skill shadcn-ui-expert --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
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 →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →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 →
