shadcn/ui skill

shadcn/ui skill

Official shadcn/ui skill: reads components.json, uses the CLI and MCP, and follows shadcn composition, theming and registry rules.

Opens ui.shadcn.com in a new tab

Author
shadcn

Related on UI Things: shadcn/ui in Kits, shadcn-vue in Kits, shadcn-svelte in Kits.

Description
The official shadcn skill runs shadcn info to learn your framework, aliases, base library, and installed components, then finds, adds, and composes components with the CLI or MCP server. It covers theming with CSS variables and OKLCH colors and registry authoring. A second skill migrates projects from Radix to Base UI.
Category
Components
Install command
npx skills add shadcn/ui
Skills included
shadcn, migrate-radix-to-base
Documented for
Claude Code
Official
Yes
Tags
shadcn skills, tailwind, radix, base ui, registry