·shadcn-svelte
</>

shadcn-svelte

antstanley/shadcn-svelte-skill

shadcn/ui의 Svelte 5 포트인 shadcn-svelte에 대한 전문가 지침입니다. shadcn-svelte 구성 요소 작업, CLI를 통해 UI 구성 요소 설치, Superforms/Formsnap으로 양식 구현, 모드 감시자로 다크 모드 추가, TanStack 테이블로 데이터 테이블 생성, Tailwind CSS v4 및 OKLCH 색상으로 테마 지정 또는 사용자 정의 구성 요소 레지스트리 구축 시 이 기술을 사용하세요. shadcn-svelte, Bits UI 구성 요소 또는 SvelteKit UI 구성 요소 라이브러리에 대한 언급이 있을 때 트리거됩니다.

5설치·0트렌드·@antstanley

설치

$npx skills add https://github.com/antstanley/shadcn-svelte-skill --skill shadcn-svelte

SKILL.md

A Svelte 5 / SvelteKit port of shadcn/ui - beautifully designed, accessible components built with Bits UI and Tailwind CSS.

Toggle with toggleMode(), setMode("dark"), or resetMode() from mode-watcher.

| Add a component | pnpm dlx shadcn-svelte@latest add [name] | | Form validation | references/components/form.md | | Data tables | references/components/data-table.md | | Theming/colors | references/theming.md | | Dark mode | references/dark-mode/svelte.md | | Custom registry | references/registry/getting-started.md |

shadcn/ui의 Svelte 5 포트인 shadcn-svelte에 대한 전문가 지침입니다. shadcn-svelte 구성 요소 작업, CLI를 통해 UI 구성 요소 설치, Superforms/Formsnap으로 양식 구현, 모드 감시자로 다크 모드 추가, TanStack 테이블로 데이터 테이블 생성, Tailwind CSS v4 및 OKLCH 색상으로 테마 지정 또는 사용자 정의 구성 요소 레지스트리 구축 시 이 기술을 사용하세요. shadcn-svelte, Bits UI 구성 요소 또는 SvelteKit UI 구성 요소 라이브러리에 대한 언급이 있을 때 트리거됩니다. 출처: antstanley/shadcn-svelte-skill.

원본 보기

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/antstanley/shadcn-svelte-skill --skill shadcn-svelte
카테고리
</>개발 도구
인증됨
최초 등록
2026-02-06
업데이트
2026-02-18

빠른 답변

shadcn-svelte이란?

shadcn/ui의 Svelte 5 포트인 shadcn-svelte에 대한 전문가 지침입니다. shadcn-svelte 구성 요소 작업, CLI를 통해 UI 구성 요소 설치, Superforms/Formsnap으로 양식 구현, 모드 감시자로 다크 모드 추가, TanStack 테이블로 데이터 테이블 생성, Tailwind CSS v4 및 OKLCH 색상으로 테마 지정 또는 사용자 정의 구성 요소 레지스트리 구축 시 이 기술을 사용하세요. shadcn-svelte, Bits UI 구성 요소 또는 SvelteKit UI 구성 요소 라이브러리에 대한 언급이 있을 때 트리거됩니다. 출처: antstanley/shadcn-svelte-skill.

shadcn-svelte 설치 방법은?

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

소스 저장소는 어디인가요?

https://github.com/antstanley/shadcn-svelte-skill

상세

카테고리
</>개발 도구
출처
skills.sh
최초 등록
2026-02-06

관련 Skills

없음