shadcn/ui 테마 UI로 Tailwind v4를 설정하세요. 작업 흐름: 종속성 설치, @theme 인라인으로 CSS 변수 구성, 다크 모드 설정, 확인. Tailwind v4로 React 프로젝트를 초기화할 때, shadcn/ui 테마 설정, 작동하지 않는 색상 수정, tw-animate-css 오류, @theme 인라인 다크 모드 충돌, @apply 중단, v3 마이그레이션 문제를 해결할 때 사용하세요.
명령줄에서 tailwind-theme-builder AI 스킬을 개발 환경에 빠르게 설치
출처: jezweb/claude-skills.
Set up a fully themed Tailwind v4 + shadcn/ui project with dark mode. Produces configured CSS, theme provider, and working component library.
This exact order is required. Skipping steps breaks the theme.
Result: bg-background, text-primary etc. work automatically. Dark mode switches via .dark class — no dark: variants needed for semantic colours.
shadcn/ui 테마 UI로 Tailwind v4를 설정하세요. 작업 흐름: 종속성 설치, @theme 인라인으로 CSS 변수 구성, 다크 모드 설정, 확인. Tailwind v4로 React 프로젝트를 초기화할 때, shadcn/ui 테마 설정, 작동하지 않는 색상 수정, tw-animate-css 오류, @theme 인라인 다크 모드 충돌, @apply 중단, v3 마이그레이션 문제를 해결할 때 사용하세요. 출처: jezweb/claude-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-buildershadcn/ui 테마 UI로 Tailwind v4를 설정하세요. 작업 흐름: 종속성 설치, @theme 인라인으로 CSS 변수 구성, 다크 모드 설정, 확인. Tailwind v4로 React 프로젝트를 초기화할 때, shadcn/ui 테마 설정, 작동하지 않는 색상 수정, tw-animate-css 오류, @theme 인라인 다크 모드 충돌, @apply 중단, v3 마이그레이션 문제를 해결할 때 사용하세요. 출처: jezweb/claude-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-builder 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/jezweb/claude-skills