shadcn-svelte
✓Expert guidance for shadcn-svelte, a Svelte 5 port of shadcn/ui. Use this skill when working with shadcn-svelte components, installing UI components via CLI, implementing forms with Superforms/Formsnap, adding dark mode with mode-watcher, creating data tables with TanStack Table, theming with Tailwind CSS v4 and OKLCH colors, or building custom component registries. Triggers on mentions of shadcn-svelte, Bits UI components, or SvelteKit UI component libraries.
Installation
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 |
Expert guidance for shadcn-svelte, a Svelte 5 port of shadcn/ui. Use this skill when working with shadcn-svelte components, installing UI components via CLI, implementing forms with Superforms/Formsnap, adding dark mode with mode-watcher, creating data tables with TanStack Table, theming with Tailwind CSS v4 and OKLCH colors, or building custom component registries. Triggers on mentions of shadcn-svelte, Bits UI components, or SvelteKit UI component libraries. Source: antstanley/shadcn-svelte-skill.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/antstanley/shadcn-svelte-skill --skill shadcn-svelte- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-06
- Updated
- 2026-02-18
Quick answers
What is shadcn-svelte?
Expert guidance for shadcn-svelte, a Svelte 5 port of shadcn/ui. Use this skill when working with shadcn-svelte components, installing UI components via CLI, implementing forms with Superforms/Formsnap, adding dark mode with mode-watcher, creating data tables with TanStack Table, theming with Tailwind CSS v4 and OKLCH colors, or building custom component registries. Triggers on mentions of shadcn-svelte, Bits UI components, or SvelteKit UI component libraries. Source: antstanley/shadcn-svelte-skill.
How do I install shadcn-svelte?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/antstanley/shadcn-svelte-skill --skill shadcn-svelte Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/antstanley/shadcn-svelte-skill
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-06