--- title: "Skills for Nuxt · skilld" canonical_url: "https://skilld.dev/frameworks/nuxt" last_updated: "2026-08-20T06:40:31.173Z" meta: description: "Browse 58 Nuxt agent skills from 8+ maintainers. Every result links to source." "og:description": "Agent skills for Nuxt apps, modules, and Nitro routes, with links to source." "og:title": "Skills for Nuxt" --- ` # Skills for Nuxt Agent skills for Nuxt apps, modules, and Nitro routes. Every result links to its SKILL.md source. [nuxt.com](https://nuxt.com) [All skills](https://skilld.dev/skills) ## **Nuxt skills ** Showing 24 of 58 - [ **/vercel-optimize**![vercel-labs](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fvercel-labs.png%3Fsize%3D40) Vercel Labs · vercel-labs/agent-skills 32k Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and version-aware Vercel/framework docs. Trigger for Vercel bill reduction, slow or expensive routes, caching opportunities, Function Invocations, Build Minutes, Fast Data Transfer, Core Web Vitals, Bot Management, Fluid compute, or cost breakdown requests.](https://skilld.dev/gh/vercel-labs/agent-skills/vercel-optimize) - [ **/nuxt-ui**![nuxt](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fnuxt.png%3Fsize%3D40) nuxt/ui 7k Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.](https://skilld.dev/gh/nuxt/ui) - [ **/nuxt**![antfu](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fantfu.png%3Fsize%3D40) Anthony Fu · antfu/skills 5.9k Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.](https://skilld.dev/gh/antfu/skills/nuxt) - [ **/pinia**![antfu](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fantfu.png%3Fsize%3D40) Anthony Fu · antfu/skills 5.9k Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.](https://skilld.dev/gh/antfu/skills/pinia) - [ **/unocss**![antfu](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fantfu.png%3Fsize%3D40) Anthony Fu · antfu/skills 5.9k UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.](https://skilld.dev/gh/antfu/skills/unocss) - [ **/create-adaptable-composable**![vuejs-ai](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fvuejs-ai.png%3Fsize%3D40) Vue AI · vuejs-ai/skills 2.9k Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.](https://skilld.dev/gh/vuejs-ai/skills/create-adaptable-composable) - [ **/create-adaptable-composable**![hyf0](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fhyf0.png%3Fsize%3D40) hyf0/vue-skills 2.9k Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.](https://skilld.dev/gh/hyf0/vue-skills/create-adaptable-composable) - [ **/devtools-layer-skilld**![harlan-zw](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fharlan-zw.png%3Fsize%3D40) Harlan Wilton · harlan-zw/nuxt-seo 1.4k nuxtseo-layer-devtools shared devtools layer for Nuxt SEO modules. ALWAYS use when building, modifying, or reviewing devtools client code in any Nuxt SEO module. Consult for component API, composables, implementation patterns, or debugging devtools clients.](https://skilld.dev/gh/harlan-zw/nuxt-seo/devtools-layer-skilld) - [ **/nuxtjs-seo**![harlan-zw](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fharlan-zw.png%3Fsize%3D40) Harlan Wilton · harlan-zw/nuxt-seo 1.4k Install, configure, and debug the @nuxtjs/seo meta module, which installs robots, sitemap, OG image, Schema.org, SEO utils, link checker, and site config in one Nuxt module. Use when a task mentions @nuxtjs/seo, Nuxt SEO, \`nuxt module add seo\`, disabling one SEO submodule, which config key owns an option, @nuxtjs/seo/content, a "takumi renderer missing dependencies" build error, or missing robots.txt and sitemap.xml after install.](https://skilld.dev/gh/harlan-zw/nuxt-seo/nuxtjs-seo) - [ **/arkenv**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Answer questions about ArkEnv and help implement environment variable validation. Use when developers: (1) Ask about environment variable validation or typesafety, (2) Want to setup ArkEnv in a project, (3) Need to define or update schemas using ArkType or Standard Schema, (4) Are integrating with Next.js, Nuxt, Vite, Bun, or Node.js runtimes. Triggers on: 'ArkEnv', 'env validation', 'typesafe env', 'createEnv', 'env.ts', 'arkenv'.](https://skilld.dev/gh/onmax/nuxt-skills/arkenv) - [ **/comark**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Comark (Components in Markdown) parser: syntax, AST, Vue/React/Svelte/Angular renderers, plugins, and LLM streaming with auto-close.](https://skilld.dev/gh/onmax/nuxt-skills/comark) - [ **/nitro**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Nitro is the framework-agnostic server toolkit (powering Nuxt) for building and deploying web servers anywhere. Use when working with nitro.config, server routes/event handlers, route rules, caching, storage, tasks, websockets, or deploying to Node/Bun/Deno/Cloudflare/Vercel.](https://skilld.dev/gh/onmax/nuxt-skills/nitro) - [ **/nuxt**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.](https://skilld.dev/gh/onmax/nuxt-skills/nuxt) - [ **/nuxt-better-auth**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Guides authentication in Nuxt apps using @nuxtjs/better-auth. Use when installing or configuring the module, using its client or server APIs, protecting routes, refreshing sessions, or integrating Better Auth plugins.](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-better-auth) - [ **/nuxt-content**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Build typed, content-driven Nuxt applications with @nuxt/content. Use when working with content.config.ts, collections, queryCollection, Markdown or MDC rendering, content databases, hooks, custom sources, search, or Content v2 migrations.](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-content) - [ **/nuxt-i18n**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Internationalize Nuxt applications with @nuxtjs/i18n. Use when configuring locales or browser detection, translating messages or routes, building locale switchers, handling fallbacks, lazy-loading messages, or adding locale SEO.](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-i18n) - [ **/nuxt-modules**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Use when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6) Setting up CI/CD workflows for modules. Provides defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation.](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-modules) - [ **/nuxt-seo**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-seo) - [ **/nuxt-studio**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Configure and operate the self-hosted Nuxt Studio editor for Nuxt Content. Use when working with nuxt-studio installation, editor customization, OAuth or custom authentication, media, drafts, Git publishing, or production deployment.](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-studio) - [ **/nuxt-ui**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-ui) - [ **/nuxt-users**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Configure and use the nuxt-users module for Nuxt 3 and Nuxt 4. Use when adding authentication, user management, roles, password reset, database setup (SQLite/MySQL/PostgreSQL), or CLI commands (migrate, create-user). Covers nuxt.config (nuxtUsers), composables (useAuthentication, useUsers, usePublicPaths, usePasswordValidation, useNuxtUsersLocale), components (NUsersLoginForm, NUsersLogoutLink, etc.), and authorization (whitelist, permissions).](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-users) - [ **/nuxthub**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Use when building NuxtHub v0.10.6 applications - provides database (Drizzle ORM with sqlite/postgresql/mysql), KV storage, blob storage, and cache APIs. Covers configuration, schema definition, migrations, multi-cloud deployment (Cloudflare, Vercel), and the new hub:db, hub:kv, hub:blob virtual module imports.](https://skilld.dev/gh/onmax/nuxt-skills/nuxthub) - [ **/pinia**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.](https://skilld.dev/gh/onmax/nuxt-skills/pinia) - [ **/regle**![onmax](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png%3Fsize%3D40) Max · onmax/nuxt-skills 715 Core Regle form validation in Vue 3 — setup with \`useRegle\`, the reactive \`r$\` object, validation properties, displaying errors, and modifiers. Use when adding or editing Regle forms, binding \`v-model\` to \`r$.$value\`, or reading \`$error\`/\`$errors\`/\`$invalid\`/\`$validate\`/\`$reset\`. For validation rules see regle-rules; for advanced patterns see regle-advanced.](https://skilld.dev/gh/onmax/nuxt-skills/regle) ## Often appears with - TypeScript 11 Checked GitHub 3 hours ago