skills.homes logoskills.homescapability registry
home/categories/full-stack/mjunaidca-mjs-agent-skills-claude-skills-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.

소스 보기full-stack
mjunaidca
maintainer
mjunaidca
업데이트됨 12/22/2025
스타
18
포크
9
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.

설치
$ install --globalskills.sh
사용법

설치 후 터미널에서 다음 명령을 실행하여 이 스킬을 사용할 수 있습니다:

skills use styling-with-shadcn