skills

Installez les compétences Nuxt UI pour donner aux agents de codage AI une connaissance approfondie des composants, des thèmes et des meilleures pratiques.

Quelles sont les compétences?

Les compétences sont des fichiers de connaissances structurés qui donnent aux agents de codage d'IA un contexte sur une bibliothèque, un cadre ou une base de code. Contrairement aux serveurs MCP qui fournissent un accès aux outils en temps réel, les compétences sont chargées directement dans le contexte de l'agent afin qu 'il puisse les référencer tout au long de la conversation.

Nuxt UI fournit une compétence **usage qui enseigne aux agents d'IA comment créer des interfaces utilisateur avec Nuxt UI: installation, thèmes, composants, composables, formulaires, superpositions et mises en page.

Utilisation

La compétence d'utilisation donne aux agents d'IA des connaissances complètes sur la construction avec Nuxt UI v4.

  • Installation pour Nuxt, Vue, Laravel et AdonisJS
  • Thème et branding avec des couleurs sémantiques et des variables CSS
  • All 125 + composants avec accessoires et modèles d'utilisation
  • Composables (useToast, useOverlay, defineShortcuts)
  • Validation de formulaire avec schéma standard composition - Layout (tableau de bord, Docs, Chat, Éditeur)
  • Modèles de démarrage officiels

La compétence comprend des références supplémentaires que l'agent d'IA charge à la demande en fonction de la tâche, en gardant les réponses ciblées et efficaces en fonction du contexte.

Une fois installée, vous pouvez invoquer la compétence en tapant /nuxt-ui dans le chat de votre agent.

Skills CLI

La CLI skills est le moyen le plus simple d'installer la compétence Nuxt UI. Il prend en charge plus de 35 agents, y compris Cursor, Claude Code, Codex, Windsurf, Cline, et plus encore.

npx skills add nuxt/ui

Vous pouvez cibler des agents spécifiques avec l'indicateur --agent:

npx skills add nuxt/ui --agent cursor
npx skills add nuxt/ui --agent claude-code

Ou installer globalement pour que la compétence soit disponible dans tous vos projets:

npx skills add nuxt/ui --global

Si le clonage à partir de GitHub est lent sur votre réseau, vous pouvez installer directement depuis le site Web à la place:

npx skills add https://ui.nuxt.com
Visitez skills.sh pour en savoir plus sur l'écosystème des compétences et parcourir les compétences disponibles.

Courseur

Installation rapide

Cliquez sur le bouton ci-dessous pour installer la compétence Nuxt UI directement dans Cursor:

Install Skill

Configuration manuelle

  1. Ouvrez le curseur et allez dans "Paramètres">"Compétences"
  2. Cliquez sur "Ajouter une compétence" et entrez l'URL suivante:
https://github.com/nuxt/ui/tree/v4/skills/nuxt-ui

Claude Code électronique

**Assurez-vous que le code Claude est installé. ** Visitez la documentation de ](x) pour les instructions d'installation.

Ajoutez la compétence en utilisant la commande CLI:

claude skill add https://github.com/nuxt/ui/tree/v4/skills/nuxt-ui

Autres outils d'IA

Les fichiers de compétences sont accessibles au public sur GitHub. Vous pouvez les référencer directement dans n'importe quel outil d'IA prenant en charge le contexte ou les instructions personnalisés:

LLMs.txt

How to get AI tools like Cursor, Windsurf, GitHub Copilot, ChatGPT, and Claude to understand Nuxt UI components, theming, and best practices.