home/categories/frontend/madappgang-claude-code-plugins-dev-skills-frontend-shadcn-ui-skill-md
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.

MadAppGang
maintainer
MadAppGang
更新日 1/5/2026
スター
248
フォーク
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.

インストール
$ install --globalskills.sh
使い方

インストール後、ターミナルで以下のコマンドを実行してこのスキルを使用できます:

skills use shadcn-ui