Tailwind v4 및 Next.js(앱 라우터), Vite 또는 수동 설정과 함께 shadcn/ui를 설치하고 사용합니다. Components.json을 구성하고, CLI를 통해 구성요소를 추가하고, CSS로만 테마를 지정하세요. shadcn/ui를 추가하거나, shadcn을 설치하거나, Button, Card, Dialog, Form 또는 기타 shadcn 구성요소를 사용하거나, 사용자가 Tailwind에서 shadcn, shadcn/ui 또는 Radix UI를 언급할 때 사용합니다.
명령줄에서 shadcn-ui AI 스킬을 개발 환경에 빠르게 설치
출처: enderpuentes/ai-agent-skills.
shadcn/ui is a collection of accessible, customizable React components built on Radix UI and Tailwind CSS. Components are copied into your project (no npm package); you own and edit the code. Works with Next.js (App Router), Vite, and other React frameworks.
Principles: Open code (AI-ready), composable API, beautiful defaults, distribution via CLI and schema. Requires Tailwind v4 and path alias @/. We do not use tailwind.config.js; theme and setup are CSS-only (@import "tailwindcss" + @theme).
Choose framework (Next.js, Vite, etc.), style (new-york recommended), base color, and CSS variables. Then add components as needed.
Tailwind v4 및 Next.js(앱 라우터), Vite 또는 수동 설정과 함께 shadcn/ui를 설치하고 사용합니다. Components.json을 구성하고, CLI를 통해 구성요소를 추가하고, CSS로만 테마를 지정하세요. shadcn/ui를 추가하거나, shadcn을 설치하거나, Button, Card, Dialog, Form 또는 기타 shadcn 구성요소를 사용하거나, 사용자가 Tailwind에서 shadcn, shadcn/ui 또는 Radix UI를 언급할 때 사용합니다. 출처: enderpuentes/ai-agent-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/enderpuentes/ai-agent-skills --skill shadcn-uiTailwind v4 및 Next.js(앱 라우터), Vite 또는 수동 설정과 함께 shadcn/ui를 설치하고 사용합니다. Components.json을 구성하고, CLI를 통해 구성요소를 추가하고, CSS로만 테마를 지정하세요. shadcn/ui를 추가하거나, shadcn을 설치하거나, Button, Card, Dialog, Form 또는 기타 shadcn 구성요소를 사용하거나, 사용자가 Tailwind에서 shadcn, shadcn/ui 또는 Radix UI를 언급할 때 사용합니다. 출처: enderpuentes/ai-agent-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/enderpuentes/ai-agent-skills --skill shadcn-ui 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/enderpuentes/ai-agent-skills