nuxt-ui
✓À utiliser lors de la création d'une interface utilisateur stylisée avec des composants @nuxt/ui v4 (bouton, modal, formulaire, tableau, etc.) - fournit des composants prêts à l'emploi avec la thématique Tailwind Variants. Utilisez la compétence vue pour les modèles de composants bruts, reka-ui pour les primitives sans tête.
Installation
SKILL.md
Component library for Vue 3 and Nuxt 4+ built on Reka UI (headless) + Tailwind CSS v4 + Tailwind Variants.
For Vue component patterns: use vue skill For Nuxt routing/server: use nuxt skill
| references/installation.md | Nuxt/Vue setup, pnpm gotchas, UApp wrapper, module options, prefix, tree-shaking | | references/theming.md | Semantic colors, CSS variables, app.config.ts, Tailwind Variants | | references/components.md | Component index by category (125+ components) | | components/\.md | Per-component details (button.md, modal.md, etc.) |
À utiliser lors de la création d'une interface utilisateur stylisée avec des composants @nuxt/ui v4 (bouton, modal, formulaire, tableau, etc.) - fournit des composants prêts à l'emploi avec la thématique Tailwind Variants. Utilisez la compétence vue pour les modèles de composants bruts, reka-ui pour les primitives sans tête. Source : nuxt-content/nuxt-studio.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/nuxt-content/nuxt-studio --skill nuxt-ui- Source
- nuxt-content/nuxt-studio
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que nuxt-ui ?
À utiliser lors de la création d'une interface utilisateur stylisée avec des composants @nuxt/ui v4 (bouton, modal, formulaire, tableau, etc.) - fournit des composants prêts à l'emploi avec la thématique Tailwind Variants. Utilisez la compétence vue pour les modèles de composants bruts, reka-ui pour les primitives sans tête. Source : nuxt-content/nuxt-studio.
Comment installer nuxt-ui ?
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/nuxt-content/nuxt-studio --skill nuxt-ui 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/nuxt-content/nuxt-studio
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01