Agent skill · software engineering · onmax
nuxt
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.
Why this skill is useful
Provides specific patterns and commands for Nuxt application development that the AI wouldn't reliably generate on its own.
What it needs
Requires nuxt installed locally. About 2k tokens when loaded. Last updated 2026-07-27. 697 stars on the source repository.
What this skill does
Nuxt is a full-stack Vue framework that provides server-side rendering, file-based routing, auto-imports, and a powerful module system. It uses Nitro as its server engine for universal deployment across Node.js, serverless, and edge platforms. The skill is based on Nuxt 4.x, generated at 2026-06-22. Nuxt 4 note: the default srcDir is app/ — Vue app code (app.vue, components/, composables/, pages/, etc.) lives under app/, while server/, shared/, public/, modules/, layers/ and nuxt.config.ts stay at the project root. The ~/@ aliases now point at app/; use ~~/@@ for the root. Core Topic Description Reference ------------------- -------------------------------------------------------------------------- ------------------------------------------------------------------ Directory Structure Nuxt 4 app/ srcDir, shared/, aliases, conventions core-directory-structure Configuration nuxt.config.ts, app.config.ts, aliases, compatibilityVersion, experimental core-config CLI Commands Dev server, build, generate, preview, and utility commands core-cli Routing File-based routing, dynamic routes, named views, layout props, middleware core-routing Data Fetching useFetch, useAsyncData, $fetch, createUseFetch factories, caching core-data-fetching Modules Creating and using Nuxt modules, Nuxt Kit utilities core-modules Deployment Platform-agnostic deployment with Nitro, Vercel, Netlify, Cloudflare core-deployment Features Topic Description Reference ------------------------ ------------------------------------------------------------------- ------------------------------------------------------------------------------ Composables Auto-imports Vue/Nuxt composables, custom composables, shared/, useAnnouncer features-composables Components Auto-imports Component naming, lazy loading, hydration strategies features-components-autoimport Built-in Components NuxtLink, NuxtPage, NuxtLayout, NuxtAnnouncer, ClientOnly, and more features-components State Management useState composable, SSR-friendly …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills onmax/nuxt