shadcn-vue
✓Reka UI 구성요소 및 Tailwind가 포함된 Vue/Nuxt용 shadcn-vue. 액세스 가능한 UI, 자동 양식, 데이터 테이블, 차트, 다크 모드, MCP 서버 설정 또는 구성 요소 가져오기 발생, Reka UI 오류에 사용합니다.
SKILL.md
| Enable CSS variables | components.json → tailwind.cssVariables: true | | Add registry namespace | components.json → registries map | | Opencode MCP init | npx shadcn-vue@latest mcp init --client opencode | | Codex MCP config | /.codex/config.toml with mcpservers.shadcn |
Full example: See templates/components.json or generate via npx shadcn-vue@latest init
The @/lib/utils.ts file provides the cn() helper for merging Tailwind classes:
Reka UI 구성요소 및 Tailwind가 포함된 Vue/Nuxt용 shadcn-vue. 액세스 가능한 UI, 자동 양식, 데이터 테이블, 차트, 다크 모드, MCP 서버 설정 또는 구성 요소 가져오기 발생, Reka UI 오류에 사용합니다. 출처: noartem/laravel-vue-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/noartem/laravel-vue-skills --skill shadcn-vue- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
shadcn-vue이란?
Reka UI 구성요소 및 Tailwind가 포함된 Vue/Nuxt용 shadcn-vue. 액세스 가능한 UI, 자동 양식, 데이터 테이블, 차트, 다크 모드, MCP 서버 설정 또는 구성 요소 가져오기 발생, Reka UI 오류에 사용합니다. 출처: noartem/laravel-vue-skills.
shadcn-vue 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/noartem/laravel-vue-skills --skill shadcn-vue 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/noartem/laravel-vue-skills
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01