skills.homes logoskills.homescapability registry
home/categories/full-stack/panaversity-agentfactory-docs-skills-archive-cold-styling-with-shadcn-skill-md
cd ..
full-stackdevelopment

styling-with-shadcn

Build beautiful, accessible UIs with shadcn/ui components in Next.js. Use when creating forms, dialogs, tables, sidebars, or any UI components. Covers installation, component patterns, react-hook-form + Zod validation, and dark mode setup. NOT when building non-React applications or using different component libraries.

View Sourcefull-stack
panaversity
maintainer
panaversity
Updated 1/19/2026
Stars
109
Forks
95
quick start

Installation and usage

Build beautiful, accessible UIs with shadcn/ui components in Next.js. Use when creating forms, dialogs, tables, sidebars, or any UI components. Covers installation, component patterns, react-hook-form + Zod validation, and dark mode setup. NOT when building non-React applications or using different component libraries.

Installation
$ install --globalskills.sh
Usage

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

skills use styling-with-shadcn