skilld
All skills
onmax avatar

/nuxt

@de09c7b official
by Maxonmax/nuxt-skills715 stars
38

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.

Ask your Agent

Use this Skill: https://skilld.dev/gh/onmax/nuxt-skills/nuxt

This session only. Nothing lands on disk.

SKILL.md

≈44 tokens always: the name and description. ≈1.4k when used: this file. ≈29k more on demand in 18 files.

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 state, Pinia integration features-state
Server Routes API routes, server middleware, Nitro server engine features-server

Rendering

Topic Description Reference
Rendering Modes Universal (SSR), client-side (SPA), hybrid rendering, route rules rendering-modes

Best Practices

Topic Description Reference
Data Fetching Patterns Efficient fetching, caching, parallel requests, error handling best-practices-data-fetching
SSR & Hydration Avoiding context leaks, hydration mismatches, composable patterns best-practices-ssr

Advanced

Topic Description Reference
Layers Extending applications with reusable layers advanced-layers
Lifecycle Hooks Build-time, runtime, and server hooks advanced-hooks
Module Authoring Publishable modules with Nuxt Kit, keyed composables, dependencies advanced-module-authoring

Source: SKILL.md on GitHub

Third-party checks

No alerts9d5 checks · Risk SAFE
  • Gen Agent Trust Hub9d

    This skill provides a comprehensive technical reference for the Nuxt full-stack framework, including documentation on directory structure, routing, data fetching, and deployment. No security issues or malicious patterns were detected.

  • Socket9d

    No alerts

  • Snyk9d

    Risk: LOW · No issues

  • Runlayer7mo

    8 files scanned · No issues

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Provenance

Signed by skilld at de09c7b. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 days ago.

Activeupdated last week

Capability

Other metadata
metadata
{
  "author": "Anthony Fu",
  "version": "2026.6.22",
  "source": "Generated from https://github.com/nuxt/nuxt, scripts located at https://github.com/antfu/skills"
}

Topics

README badge

README badge for onmax/nuxt-skills/nuxt

What it does

Provides patterns and reference files for Nuxt 4.3+ projects, covering server routes with h3 validation, file-based routing, middleware, plugins, and Nuxt composables. Use this when building API endpoints, setting up pages and layouts, or working with Nuxt-specific features like auto-imports and route guards.

Generated from the current SKILL.md.

Frequently asked

Does this skill cover Nuxt 3 or only Nuxt 4+?
This skill targets Nuxt 4.3+ only. It includes patterns specific to Nuxt 4, such as typed router and getRouterParam, and does not cover Nuxt 2 or 3 conventions.
Does this skill include guidance for h3 and Nitro?
Yes. The skill covers h3 v1 helpers (validation, WebSocket, SSE) and nitropack v2 patterns for server routes and middleware.
Does this cover UI components like buttons or forms?
No. The skill covers Nuxt-specific components (NuxtLink, NuxtImg, NuxtTime) but delegates UI component libraries to the separate nuxt-ui skill.
Can I use this skill for creating Nuxt modules?
No. For module development, use the nuxt-modules skill instead. This skill focuses on building applications with Nuxt 4+.
Does this skill include database or content management guidance?
No. For databases, use the nuxthub skill; for content-driven sites, use the nuxt-content skill.

Generated from the current SKILL.md. These answers refresh after source changes.