home/categories/frontend/giuseppe-trisciuoglio-developer-kit-plugins-developer-kit-typescript-skills-shadcn-ui-skill-md
frontenddevelopment

shadcn-ui

Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons, dialogs, dropdowns, tables, and complex form layouts.

giuseppe-trisciuoglio
maintainer
giuseppe-trisciuoglio
更新日 3/24/2026
スター
205
フォーク
20
quick start

Installation and usage

Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons, dialogs, dropdowns, tables, and complex form layouts.

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

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

skills use shadcn-ui