---
title: "Skills for Nuxt · skilld"
canonical_url: "https://skilld.dev/frameworks/nuxt"
last_updated: "2026-08-20T06:40:31.173Z"
meta:
  description: "Browse 41 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 41

- [

  **/vercel-optimize**![vercel-labs](https://github.com/vercel-labs.png?size=40)

  Vercel Labs · vercel-labs/agent-skills31k

  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. /vercel-optimize by vercel-labs](https://skilld.dev/gh/vercel-labs/agent-skills/vercel-optimize)
- [

  **/nuxt-ui**![nuxt](https://github.com/nuxt.png?size=40)

  nuxt/ui6.9k

  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. /nuxt-ui by nuxt](https://skilld.dev/gh/nuxt/ui)
- [

  **/nuxt**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.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. /nuxt by antfu](https://skilld.dev/gh/antfu/skills/nuxt)
- [

  **/pinia**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.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. /pinia by antfu](https://skilld.dev/gh/antfu/skills/pinia)
- [

  **/unocss**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.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. /unocss by antfu](https://skilld.dev/gh/antfu/skills/unocss)
- [

  **/vueuse-functions**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.9k

  Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features. /vueuse-functions by antfu](https://skilld.dev/gh/antfu/skills/vueuse-functions)
- [

  **/create-adaptable-composable**![vuejs-ai](https://github.com/vuejs-ai.png?size=40)

  Vue AI · vuejs-ai/skills2.8k

  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. /create-adaptable-composable by vuejs-ai](https://skilld.dev/gh/vuejs-ai/skills/create-adaptable-composable)
- [

  **/create-adaptable-composable**![hyf0](https://github.com/hyf0.png?size=40)

  hyf0/vue-skills2.8k

  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. /create-adaptable-composable by hyf0](https://skilld.dev/gh/hyf0/vue-skills/create-adaptable-composable)
- [

  **/document-writer**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  Use when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC component usage. Overrides brevity rules for proper grammar. Use nuxt-content for MDC syntax, nuxt-ui for component props. /document-writer by onmax](https://skilld.dev/gh/onmax/nuxt-skills/document-writer)
- [

  **/motion**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt /motion by onmax](https://skilld.dev/gh/onmax/nuxt-skills/motion)
- [

  **/nuxt**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  Nuxt application development and maintenance. Use for project structure, pages and routing, data fetching, SSR-safe state, middleware, plugins, server routes, runtime config, route rules, layers, built-in components, hydration, upgrades, and testing. /nuxt by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt)
- [

  **/nuxt-better-auth**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  Use when implementing auth in Nuxt apps with @onmax/nuxt-better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration. /nuxt-better-auth by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-better-auth)
- [

  **/nuxt-content**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  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. /nuxt-content by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-content)
- [

  **/nuxt-i18n**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  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. /nuxt-i18n by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-i18n)
- [

  **/nuxt-modules**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  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. /nuxt-modules by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-modules)
- [

  **/nuxt-seo**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data. /nuxt-seo by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-seo)
- [

  **/nuxt-studio**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  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. /nuxt-studio by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-studio)
- [

  **/nuxt-ui**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  Use when building styled UI with @nuxt/ui v4 components - create forms with validation, implement data tables with sorting, build modal dialogs and overlays, configure Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives. /nuxt-ui by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-ui)
- [

  **/nuxthub**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  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. /nuxthub by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxthub)
- [

  **/phaser-best-practices**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  Builds and refactors Phaser 3 browser games. Use for creating a new Phaser project, adding scenes, entities, physics, UI, tilemaps, animations, input, audio, camera, or for fixing Phaser-specific bugs and performance problems. /phaser-best-practices by onmax](https://skilld.dev/gh/onmax/nuxt-skills/phaser-best-practices)
- [

  **/pnpm**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  Use when managing Node.js dependencies with pnpm - install packages, configure monorepo workspaces, set up pnpm catalogs, resolve dependency conflicts with overrides, patch third-party packages, and configure CI pipelines for pnpm projects /pnpm by onmax](https://skilld.dev/gh/onmax/nuxt-skills/pnpm)
- [

  **/reka-ui**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue. /reka-ui by onmax](https://skilld.dev/gh/onmax/nuxt-skills/reka-ui)
- [

  **/tresjs**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  Use when building 3D scenes with TresJS (Vue Three.js) - provides TresCanvas, composables (useTres, useLoop), Cientos helpers (OrbitControls, useGLTF, Environment), and post-processing effects /tresjs by onmax](https://skilld.dev/gh/onmax/nuxt-skills/tresjs)
- [

  **/ts-library**![onmax](https://github.com/onmax.png?size=40)

  Max · onmax/nuxt-skills708

  Use when authoring TypeScript libraries or npm packages - covers project setup, package.json exports, build tooling (tsdown/unbuild), API design patterns, type inference tricks, testing, and publishing to npm. Use when bundling, configuring dual CJS/ESM output, or setting up release workflows. /ts-library by onmax](https://skilld.dev/gh/onmax/nuxt-skills/ts-library)

## Often appears with

- TypeScript 19
- Vue 17

Checked GitHub just now