"shadcn/ui — copy-owned React component library built on Radix UI and Tailwind CSS. Use when building with shadcn/ui or asking about its components, CLI, theming, configuration, or integration with Next.js, Vite, Remix, or other frameworks. Fetch live documentation for up-to-date details."
Resources
3Install
npx skillscat add mikkelkrogsholm/dev-skills/shadcn-ui Install via the SkillsCat registry.
SKILL.md
shadcn/ui
shadcn/ui is a collection of accessible, composable React components built on Radix UI primitives and styled with Tailwind CSS — components are copied into your project via CLI, giving you full ownership of the source code.
Documentation
Best Practices
- Form components include React Hook Form and Zod — do not add separate form libraries. The
Formcomponent wrapsreact-hook-formwith built-in Zod validation. Addingformik,react-final-form, or additional validation packages is redundant. components.jsoncontrols path aliases, Tailwind config, and component style — always check this file exists and is correctly configured before adding components. An incorrecttailwind.configpath or missing CSS variable setup inglobals.csscauses components to render without styles.- There is no "update all" command —
shadcn addandshadcn diffoperate per-component. When suggesting upgrades, list each component individually; bulk update scripts must be written manually.