액세스 가능한 React 구성 요소의 설치, 구성 및 구현을 포함하는 완전한 shadcn/ui 구성 요소 라이브러리 가이드입니다. shadcn/ui 설정, 구성요소 설치, React Hook Form 및 Zod로 양식 작성, Tailwind CSS로 테마 맞춤설정, 버튼, 대화상자, 드롭다운, 테이블, 복잡한 양식 레이아웃과 같은 UI 패턴 구현 시 사용하세요.
SKILL.md
Expert guide for building accessible, customizable UI components with shadcn/ui, Radix UI, and Tailwind CSS.
shadcn/ui is not a traditional component library or npm package. Instead:
For Next.js 13+ with App Router, ensure components use "use client" directive:
액세스 가능한 React 구성 요소의 설치, 구성 및 구현을 포함하는 완전한 shadcn/ui 구성 요소 라이브러리 가이드입니다. shadcn/ui 설정, 구성요소 설치, React Hook Form 및 Zod로 양식 작성, Tailwind CSS로 테마 맞춤설정, 버튼, 대화상자, 드롭다운, 테이블, 복잡한 양식 레이아웃과 같은 UI 패턴 구현 시 사용하세요. 출처: giuseppe-trisciuoglio/developer-kit-claude-code.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/giuseppe-trisciuoglio/developer-kit-claude-code --skill shadcn-ui- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
shadcn-ui이란?
액세스 가능한 React 구성 요소의 설치, 구성 및 구현을 포함하는 완전한 shadcn/ui 구성 요소 라이브러리 가이드입니다. shadcn/ui 설정, 구성요소 설치, React Hook Form 및 Zod로 양식 작성, Tailwind CSS로 테마 맞춤설정, 버튼, 대화상자, 드롭다운, 테이블, 복잡한 양식 레이아웃과 같은 UI 패턴 구현 시 사용하세요. 출처: giuseppe-trisciuoglio/developer-kit-claude-code.
shadcn-ui 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/giuseppe-trisciuoglio/developer-kit-claude-code --skill shadcn-ui 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/giuseppe-trisciuoglio/developer-kit-claude-code
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01