Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From nuxt-skills
Guides Nuxt 4+ development with server routes, file-based routing, middleware, composables, and configuration. Covers h3 v1 and nitropack v2 patterns. Updated for v4.3+.
npx claudepluginhub onmax/nuxt-skills --plugin nuxt-skillsHow this skill is triggered — by the user, by Claude, or both
Slash command
/nuxt-skills:nuxtThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Progressive guidance for Nuxt 4+ projects (v4.3+) with latest patterns and conventions.
Covers Nuxt 4 fundamentals for project setup, nuxt.config.ts configuration, file-based routing, middleware, SEO with useHead/useSeoMeta, error handling via error.vue/NuxtErrorBoundary, and directory structure.
Guides creating Nuxt modules: published npm modules, local modules, runtime/server extensions, publishing, and CI/CD workflows. Covers defineNuxtModule, Kit utilities, E2E testing.
Provides Nuxt.js patterns for SSR/SSG/hybrid rendering, data fetching, file-based routing, Pinia state, performance optimization, auth middleware, and Vitest testing.
Share bugs, ideas, or general feedback.
Progressive guidance for Nuxt 4+ projects (v4.3+) with latest patterns and conventions.
Working with:
Read specific files based on current work:
For Vue composables: See vue skill composables.md (VueUse, Composition API patterns)
For UI components: use nuxt-ui skill
For database/storage: use nuxthub skill
For content-driven sites: use nuxt-content skill
For creating modules: use nuxt-modules skill
For project scaffolding/CI: use ts-library skill
Consider loading these reference files based on your task:
DO NOT load all files at once. Load only what's relevant to your current task.
// server/api/hello.get.ts
import { z } from 'zod'
export default defineEventHandler(async (event) => {
const { name } = await getValidatedQuery(event, z.object({
name: z.string().default('world'),
}).parse)
return { message: `Hello ${name}` }
})
You are working with Nuxt 4+. Key differences:
| Old (Nuxt 2/3) | New (Nuxt 4) |
|---|---|
<Nuxt /> | <NuxtPage /> |
context.params | getRouterParam(event, 'name') |
window.origin | useRequestURL().origin |
| String routes | Typed router with route names |
| Separate layouts/ | Parent routes with <slot> |
If you're unsure about Nuxt 4 patterns, read the relevant guidance file first.
When to fetch latest docs:
Official sources:
Main skill: ~300 tokens. Each sub-file: ~800-1500 tokens. Only load files relevant to current task.