Summary
Adds shadcn-vue components to your Vue project as source code, not dependencies. The skill enforces opinionated patterns: forms must use FieldGroup and Field (never raw divs), icons in buttons need data-icon attributes, spacing via gap not space-y, and semantic color tokens instead of Tailwind values like bg-blue-500. It searches component registries before you build custom UI and composes complex layouts from primitives (settings page = Tabs + Card + form controls). Runs the CLI with your project's package manager and pulls current config with npx shadcn-vue info. Honestly, the strict rules around composition and styling will feel heavy handed at first, but they keep your component usage consistent across a codebase.
Install to Claude Code
npx -y skills add unovue/shadcn-vue --skill shadcn-vue --agent claude-codeInstalls into .claude/skills of the current project.
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 →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Files
SKILL.md
Select a file.
Featured
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 →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
