Shadcn
This skill handles shadcn/ui setup and component integration, which matters because shadcn copies components as source code into your project rather than installing them as dependencies. It knows to always use the `-d` flag with `shadcn init` to avoid interactive prompts that break automation, covers both Radix UI and Base UI primitive options, and understands the unified radix-ui package migration from February 2026. The skill also knows about AI Elements compatibility requirements (Radix only, not Base UI) and the newer CLI v4 commands like `docs` and `view` for getting component context inline. Useful when you're setting up a design system, adding UI components, or troubleshooting why your registry configuration isn't working as expected.
- skills.sh installs
- 399
- GitHub stars
- 183
- last updated
- Jun 3, 2026
Install
$ npx -y skills add vercel-labs/vercel-plugin --skill shadcn --agent claude-codeInstalls into .claude/skills of the current project.
Files
This skill handles shadcn/ui setup and component integration, which matters because shadcn copies components as source code into your project rather than installing them as dependencies. It knows to always use the `-d` flag with `shadcn init` to avoid interactive prompts that break automation, covers both Radix UI and Base UI primitive options, and understands the unified radix-ui package migration from February 2026. The skill also knows about AI Elements compatibility requirements (Radix only, not Base UI) and the newer CLI v4 commands like `docs` and `view` for getting component context inline. Useful when you're setting up a design system, adding UI components, or troubleshooting why your registry configuration isn't working as expected.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/vercel-labs/vercel-plugin
- Categories
- Frontend Development, Cloud & Infrastructure
- First seen
- Jun 3, 2026
More from vercel-labs/vercel-plugin
All 32- Deployments Cicd333
- Turbopack310
- Ai Sdk278
- Vercel Cli272
- Routing Middleware264
- Vercel Agent263
- Ai Gateway260
- Vercel Functions259
- Chat Sdk257
- Env Vars250
- Vercel Storage244
- Workflow236
- Auth232
- Runtime Cache228
- Verification226
- Vercel Sandbox219
- Next Cache Components218
- Next Upgrade213
- Bootstrap211
- Marketplace208
- Vercel Plugin Eval206
- Plugin Audit198
- Benchmark Agents197
- Release194
Recommended
More Frontend Development
ln-114-frontend-docs-creatorlevnikolaevich/claude-code-skillsCreates design_guidelines.md with WCAG 2.1 compliance and design system docs. Use when project has a frontend.384skills.sh installs
i18n-frontend-implementerpatricio0312rev/skillsAdds internationalization (i18n) infrastructure with translation plumbing, scalable key strategy, formatters for dates/numbers/currency, plural rules, and langu371skills.sh installs
zustandpedronauck/skillsExpert guide for Zustand state management patterns, store organization, and best practices. Use when implementing client state management with Zustand, creating362skills.sh installs
vercel-ui-skillsihlamury/design-skillsVercel's UI design system. Use when building interfaces inspired by Vercel's aesthetic - light mode, Inter font, 4px grid.358skills.sh installs