shadcn-svelte
✓Conseils d'experts pour shadcn-svelte, un port Svelte 5 de shadcn/ui. Utilisez cette compétence lorsque vous travaillez avec des composants shadcn-svelte, installez des composants d'interface utilisateur via CLI, implémentez des formulaires avec Superforms/Formsnap, ajoutez un mode sombre avec mode-watcher, créez des tables de données avec TanStack Table, thématisez avec les couleurs Tailwind CSS v4 et OKLCH ou créez des registres de composants personnalisés. Se déclenche sur les mentions de shadcn-svelte, de composants Bits UI ou de bibliothèques de composants SvelteKit UI.
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 |
Conseils d'experts pour shadcn-svelte, un port Svelte 5 de shadcn/ui. Utilisez cette compétence lorsque vous travaillez avec des composants shadcn-svelte, installez des composants d'interface utilisateur via CLI, implémentez des formulaires avec Superforms/Formsnap, ajoutez un mode sombre avec mode-watcher, créez des tables de données avec TanStack Table, thématisez avec les couleurs Tailwind CSS v4 et OKLCH ou créez des registres de composants personnalisés. Se déclenche sur les mentions de shadcn-svelte, de composants Bits UI ou de bibliothèques de composants SvelteKit UI. Source : antstanley/shadcn-svelte-skill.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/antstanley/shadcn-svelte-skill --skill shadcn-svelte- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-06
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que shadcn-svelte ?
Conseils d'experts pour shadcn-svelte, un port Svelte 5 de shadcn/ui. Utilisez cette compétence lorsque vous travaillez avec des composants shadcn-svelte, installez des composants d'interface utilisateur via CLI, implémentez des formulaires avec Superforms/Formsnap, ajoutez un mode sombre avec mode-watcher, créez des tables de données avec TanStack Table, thématisez avec les couleurs Tailwind CSS v4 et OKLCH ou créez des registres de composants personnalisés. Se déclenche sur les mentions de shadcn-svelte, de composants Bits UI ou de bibliothèques de composants SvelteKit UI. Source : antstanley/shadcn-svelte-skill.
Comment installer shadcn-svelte ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/antstanley/shadcn-svelte-skill --skill shadcn-svelte Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/antstanley/shadcn-svelte-skill
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-06