home/categories/productivity-tools/mjunaidca-mjs-agent-skills-docs-taskflow-vault-skills-engineering-shadcn-ui-skill-md
productivity-toolstools

shadcn-ui

Build beautiful, accessible UIs with shadcn/ui components. Use this skill when creating forms, dialogs, tables, sidebars, or any UI components in Next.js. Covers installation, component patterns, react-hook-form integration with Zod validation, and dark mode setup.

mjunaidca
maintainer
mjunaidca
更新日 12/22/2025
スター
18
フォーク
9
quick start

Installation and usage

Build beautiful, accessible UIs with shadcn/ui components. Use this skill when creating forms, dialogs, tables, sidebars, or any UI components in Next.js. Covers installation, component patterns, react-hook-form integration with Zod validation, and dark mode setup.

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

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

skills use shadcn-ui