home/categories/full-stack/aiskillstore-marketplace-skills-asmayaseen-styling-with-shadcn-skill-md
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.

aiskillstore
maintainer
aiskillstore
Atualizado 1/20/2026
Estrelas
247
Forks
16
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.

Instalação
$ install --globalskills.sh
Uso

Depois de instalar, você pode usar esta skill executando o seguinte comando no terminal:

skills use styling-with-shadcn