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