·shadcn-ui
*

shadcn-ui

React 프로젝트용 shadcn/ui 구성 요소를 설치하고 구성합니다. 구성 요소 선택, 설치 순서, 종속성 관리, 의미 토큰을 사용한 사용자 정의 및 일반적인 UI 레시피(양식, 데이터 테이블, 탐색, 모달)를 안내합니다. tailwind-theme-builder가 테마 인프라를 설정한 후 구성 요소 추가, 양식 작성, 데이터 테이블 생성 또는 탐색 설정 시 사용합니다.

907설치·40트렌드·@jezweb

설치

$npx skills add https://github.com/jezweb/claude-skills --skill shadcn-ui

shadcn-ui 설치 방법

명령줄에서 shadcn-ui AI 스킬을 개발 환경에 빠르게 설치

  1. 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
  2. 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/jezweb/claude-skills --skill shadcn-ui
  3. 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: 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-ui
카테고리
*크리에이티브
인증됨
최초 등록
2026-02-18
업데이트
2026-03-10

Browse more skills from jezweb/claude-skills

빠른 답변

shadcn-ui이란?

React 프로젝트용 shadcn/ui 구성 요소를 설치하고 구성합니다. 구성 요소 선택, 설치 순서, 종속성 관리, 의미 토큰을 사용한 사용자 정의 및 일반적인 UI 레시피(양식, 데이터 테이블, 탐색, 모달)를 안내합니다. tailwind-theme-builder가 테마 인프라를 설정한 후 구성 요소 추가, 양식 작성, 데이터 테이블 생성 또는 탐색 설정 시 사용합니다. 출처: jezweb/claude-skills.

shadcn-ui 설치 방법은?

터미널 또는 명령줄 도구(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