shadcn-ui이란?
React 프로젝트용 shadcn/ui 구성 요소를 설치하고 구성합니다. 구성 요소 선택, 설치 순서, 종속성 관리, 의미 토큰을 사용한 사용자 정의 및 일반적인 UI 레시피(양식, 데이터 테이블, 탐색, 모달)를 안내합니다. tailwind-theme-builder가 테마 인프라를 설정한 후 구성 요소 추가, 양식 작성, 데이터 테이블 생성 또는 탐색 설정 시 사용합니다. 출처: jezweb/claude-skills.
React 프로젝트용 shadcn/ui 구성 요소를 설치하고 구성합니다. 구성 요소 선택, 설치 순서, 종속성 관리, 의미 토큰을 사용한 사용자 정의 및 일반적인 UI 레시피(양식, 데이터 테이블, 탐색, 모달)를 안내합니다. tailwind-theme-builder가 테마 인프라를 설정한 후 구성 요소 추가, 양식 작성, 데이터 테이블 생성 또는 탐색 설정 시 사용합니다.
명령줄에서 shadcn-ui AI 스킬을 개발 환경에 빠르게 설치
출처: jezweb/claude-skills.
Add shadcn/ui components to a themed React project. This skill runs AFTER tailwind-theme-builder has set up CSS variables, ThemeProvider, and dark mode. It handles component installation, customisation, and combining components into working patterns.
Prerequisite: Theme infrastructure must exist (CSS variables, components.json, cn() utility). Use tailwind-theme-builder first if not set up.
Install components in dependency order. Foundation components first, then feature components:
React 프로젝트용 shadcn/ui 구성 요소를 설치하고 구성합니다. 구성 요소 선택, 설치 순서, 종속성 관리, 의미 토큰을 사용한 사용자 정의 및 일반적인 UI 레시피(양식, 데이터 테이블, 탐색, 모달)를 안내합니다. tailwind-theme-builder가 테마 인프라를 설정한 후 구성 요소 추가, 양식 작성, 데이터 테이블 생성 또는 탐색 설정 시 사용합니다. 출처: jezweb/claude-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/jezweb/claude-skills --skill shadcn-uiReact 프로젝트용 shadcn/ui 구성 요소를 설치하고 구성합니다. 구성 요소 선택, 설치 순서, 종속성 관리, 의미 토큰을 사용한 사용자 정의 및 일반적인 UI 레시피(양식, 데이터 테이블, 탐색, 모달)를 안내합니다. tailwind-theme-builder가 테마 인프라를 설정한 후 구성 요소 추가, 양식 작성, 데이터 테이블 생성 또는 탐색 설정 시 사용합니다. 출처: jezweb/claude-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/jezweb/claude-skills --skill shadcn-ui 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/jezweb/claude-skills