skills.homes logoskills.homescapability registry
home/categories/frontend/madappgang-claude-code-plugins-dev-skills-frontend-shadcn-ui-skill-md
cd ..
frontenddevelopment

shadcn-ui

shadcn/ui component library patterns. Covers CLI usage, installation, component categories, theming with CSS variables, dark mode setup, and integration with React Hook Form + Zod. Use when adding UI components, setting up design systems, or implementing forms with shadcn/ui.

View Sourcefrontend
MadAppGang
maintainer
MadAppGang
Updated 1/5/2026
Stars
248
Forks
29
quick start

Installation and usage

shadcn/ui component library patterns. Covers CLI usage, installation, component categories, theming with CSS variables, dark mode setup, and integration with React Hook Form + Zod. Use when adding UI components, setting up design systems, or implementing forms with shadcn/ui.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use shadcn-ui