·shadcn-vue
</>

shadcn-vue

noartem/laravel-vue-skills

shadcn-vue pour Vue/Nuxt avec les composants Reka UI et Tailwind. À utiliser pour l'interface utilisateur accessible, le formulaire automatique, les tableaux de données, les graphiques, le mode sombre, la configuration du serveur MCP ou les importations de composants, les erreurs de l'interface utilisateur Reka.

166Installations·6Tendance·@noartem

Installation

$npx skills add https://github.com/noartem/laravel-vue-skills --skill shadcn-vue

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:

shadcn-vue pour Vue/Nuxt avec les composants Reka UI et Tailwind. À utiliser pour l'interface utilisateur accessible, le formulaire automatique, les tableaux de données, les graphiques, le mode sombre, la configuration du serveur MCP ou les importations de composants, les erreurs de l'interface utilisateur Reka. Source : noartem/laravel-vue-skills.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/noartem/laravel-vue-skills --skill shadcn-vue
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que shadcn-vue ?

shadcn-vue pour Vue/Nuxt avec les composants Reka UI et Tailwind. À utiliser pour l'interface utilisateur accessible, le formulaire automatique, les tableaux de données, les graphiques, le mode sombre, la configuration du serveur MCP ou les importations de composants, les erreurs de l'interface utilisateur Reka. Source : noartem/laravel-vue-skills.

Comment installer shadcn-vue ?

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/noartem/laravel-vue-skills --skill shadcn-vue 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/noartem/laravel-vue-skills