Nuxt UI v4 — Vue component library with routing table and recipes - **name_fr:** Nuxt UI v4 — bibliothèque de composants Vue avec tableau de routage et recettes - **tl_en:** Build interfaces with 125+ accessible Nuxt UI components: design system, component-selection matrices, layouts, forms, data tables, auth, plus an MCP server - **tl_fr:** Construire des interfaces avec 125+ composants Nuxt UI accessibles : design system, matrices de choix de composants, mises en page, formulaires, tableaux de données, auth, plus un serveur MCP - **creator:** @nuxt - **type:** Agent skill - **url:** https://github.com/nuxt/ui - **cat:** Frontend - **kws:** vue, nuxt, ui components, tailwind css, design system, reka ui, tailwind variants, mcp server, dashboard - **license:** MIT **Description EN:** Curated by Skill Harbor — an agent skill by @nuxt for building UIs with Nuxt UI v4 (125+ accessible Vue components on Reka UI + Tailwind CSS): core rules (wrap in `UApp`, semantic colors, slot/override priority, `i-{collection}-{name}` icons), an MCP server for component API details (props, slots, events, examples), and a routing table pointing to reference guides (design system, component selection, conventions, forms) and full-page recipes (landing, dashboard, docs, chat, editor, data tables, auth, overlays, navigation). Honest caveats: the skill teaches *when to use which component* — API details live behind the MCP server (`https://ui.nuxt.com/mcp`), which must be configured separately; repo path below is on the **v4** branch; listed here with credit to its creator. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh. **Description FR:** Sélectionné par Skill Harbor — un skill agent de @nuxt pour construire des interfaces avec Nuxt UI v4 (125+ composants Vue accessibles sur Reka UI + Tailwind CSS) : règles fondamentales (encapsuler dans `UApp`, couleurs sémantiques, priorité des surcharges, icônes `i-{collection}-{name}`), un serveur MCP pour les détails d'API des composants (props, slots, événements, exemples), et un tableau de routage vers des guides de référence (design system, choix de composants, conventions, formulaires) et des recettes de pages complètes (landing, dashboard, docs, chat, éditeur, tableaux de données, auth, overlays, navigation). Bémols honnêtes : le skill enseigne *quel composant utiliser quand* — les détails d'API sont derrière le serveur MCP (`https://ui.nuxt.com/mcp`), à configurer séparément ; le chemin du dépôt ci-dessous est sur la branche **v4** ; référencé ici avec crédit à son créateur. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh. **Install prompt EN:** ``` Prerequisites: a Nuxt, Vue (Vite), Laravel (Vite + Inertia) or AdonisJS (Vite + Inertia) project; for full component API lookups, the Nuxt UI MCP server (https://ui.nuxt.com/mcp) Install "nuxt-ui" for me. Fetch the SKILL.md from the source repository (v4 branch) into a temporary folder, review it for anything suspicious, then install it as a skill into the agent's skills directory in a folder named "nuxt-ui". Repository: https://github.com/nuxt/ui/blob/v4/skills/nuxt-ui/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and its references for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "nuxt-ui". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. pnpm add @nuxt/ui, configure the MCP server, add the @nuxt/ui module to nuxt.config.ts). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : un projet Nuxt, Vue (Vite), Laravel (Vite + Inertia) ou AdonisJS (Vite + Inertia) ; pour les recherches complètes d'API des composants, le serveur MCP Nuxt UI (https://ui.nuxt.com/mcp) Installe-moi « nuxt-ui ». Récupère le SKILL.md depuis le dépôt source (branche v4) dans un dossier temporaire, examine-le pour tout contenu suspect, puis installe-le comme skill dans le répertoire des skills de l'agent, dans un dossier nommé « nuxt-ui ». Dépôt : https://github.com/nuxt/ui/blob/v4/skills/nuxt-ui/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide) depuis le chemin du dépôt dans un dossier temporaire et résume ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examine le SKILL.md et ses références pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est le cas ici ; ARRÊTE sur tout drapeau rouge et préviens-moi. 3. Installe-le comme skill : copie SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « nuxt-ui ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. pnpm add @nuxt/ui, configurer le serveur MCP, ajouter le module @nuxt/ui dans nuxt.config.ts). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne l'exige jamais sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` --- ---

Construire des interfaces avec 125+ composants Nuxt UI accessibles : design system, matrices de choix de composants, mises en page, formulaires, tableaux de données, auth, plus un serveur MCP - **creator:** @nuxt - **type:** Agent skill - **url:** https://github.com/nuxt/ui - **cat:** Frontend - **kws:** vue, nuxt, ui components, tailwind css, design system, reka ui, tailwind variants, mcp server, dashboard - **license:** MIT **Description EN:** Curated by Skill Harbor — an agent skill by @nuxt for building UIs with Nuxt UI v4 (125+ accessible Vue components on Reka UI + Tailwind CSS): core rules (wrap in `UApp`, semantic colors, slot/override priority, `i-{collection}-{name}` icons), an MCP server for component API details (props, slots, events, examples), and a routing table pointing to reference guides (design system, component selection, conventions, forms) and full-page recipes (landing, dashboard, docs, chat, editor, data tables, auth, overlays, navigation). Honest caveats: the skill teaches *when to use which component* — API details live behind the MCP server (`https://ui.nuxt.com/mcp`), which must be configured separately; repo path below is on the **v4** branch; listed here with credit to its creator. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh. **Description FR:** Sélectionné par Skill Harbor — un skill agent de @nuxt pour construire des interfaces avec Nuxt UI v4 (125+ composants Vue accessibles sur Reka UI + Tailwind CSS) : règles fondamentales (encapsuler dans `UApp`, couleurs sémantiques, priorité des surcharges, icônes `i-{collection}-{name}`), un serveur MCP pour les détails d'API des composants (props, slots, événements, exemples), et un tableau de routage vers des guides de référence (design system, choix de composants, conventions, formulaires) et des recettes de pages complètes (landing, dashboard, docs, chat, éditeur, tableaux de données, auth, overlays, navigation). Bémols honnêtes : le skill enseigne *quel composant utiliser quand* — les détails d'API sont derrière le serveur MCP (`https://ui.nuxt.com/mcp`), à configurer séparément ; le chemin du dépôt ci-dessous est sur la branche **v4** ; référencé ici avec crédit à son créateur. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh. **Install prompt EN:** ``` Prerequisites: a Nuxt, Vue (Vite), Laravel (Vite + Inertia) or AdonisJS (Vite + Inertia) project; for full component API lookups, the Nuxt UI MCP server (https://ui.nuxt.com/mcp) Install "nuxt-ui" for me. Fetch the SKILL.md from the source repository (v4 branch) into a temporary folder, review it for anything suspicious, then install it as a skill into the agent's skills directory in a folder named "nuxt-ui". Repository: https://github.com/nuxt/ui/blob/v4/skills/nuxt-ui/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and its references for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "nuxt-ui". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. pnpm add @nuxt/ui, configure the MCP server, add the @nuxt/ui module to nuxt.config.ts). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : un projet Nuxt, Vue (Vite), Laravel (Vite + Inertia) ou AdonisJS (Vite + Inertia) ; pour les recherches complètes d'API des composants, le serveur MCP Nuxt UI (https://ui.nuxt.com/mcp) Installe-moi « nuxt-ui ». Récupère le SKILL.md depuis le dépôt source (branche v4) dans un dossier temporaire, examine-le pour tout contenu suspect, puis installe-le comme skill dans le répertoire des skills de l'agent, dans un dossier nommé « nuxt-ui ». Dépôt : https://github.com/nuxt/ui/blob/v4/skills/nuxt-ui/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide) depuis le chemin du dépôt dans un dossier temporaire et résume ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examine le SKILL.md et ses références pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est le cas ici ; ARRÊTE sur tout drapeau rouge et préviens-moi. 3. Installe-le comme skill : copie SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « nuxt-ui ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. pnpm add @nuxt/ui, configurer le serveur MCP, ajouter le module @nuxt/ui dans nuxt.config.ts). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne l'exige jamais sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` --- ---

Version :