Setup & Installation
npx skills add https://github.com/google-labs-code/shadcn-ui --skill shadcn-ui
https://github.com/google-labs-code/shadcn-ui
View on GitHubWhat This Skill Does
A skill for working with shadcn/ui, a set of copy-paste React components built on Radix UI and Tailwind CSS. Components are added directly to your codebase rather than installed as a dependency, so you own and modify the source. Covers component discovery, installation via CLI or manual copy, theming, and composition patterns.
Rather than reading shadcn docs to find the right CLI flags, peer dependencies, and copy-paste patterns each time, this skill provides component metadata and registry access directly in your editor workflow.
When to use it
- Adding a shadcn/ui Dialog or Sheet to a Next.js route without hunting for the right Radix imports
- Customizing a Button component's variants using cva without touching the upstream source
- Setting up CSS variable theming for light and dark mode across all shadcn components
- Scaffolding a login or dashboard block from the shadcn registry into an existing project
- Debugging import alias errors after adding components to a monorepo or non-standard project structure