Use when working on Nuxt 4+ projects - provides server routes, file-based routing, middleware patterns, Nuxt-specific composables, and configuration with latest docs. Covers h3 v1 helpers (validation, WebSocket, SSE) and nitropack v2 patterns.
/plugin marketplace add onmax/nuxt-skills/plugin install onmax-nuxt-skills@onmax/nuxt-skillsThis skill inherits all available tools. When active, it can use any tool Claude has access to.
references/middleware-plugins.mdreferences/nuxt-components.mdreferences/nuxt-composables.mdreferences/nuxt-config.mdreferences/project-setup.mdreferences/routing.mdreferences/server.mdProgressive guidance for Nuxt 4+ projects 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 personal-ts-setup skill
Progressive loading - only read what you need:
DO NOT read all files at once. Load based on context:
server/ → read server.mdpages/ or layouts/ → read routing.mduseFetch, useRequestURL, navigation → read nuxt-composables.md<a>, <img>, <time> elements → read nuxt-components.mdmiddleware/ or plugins/ → read middleware-plugins.mdnuxt.config.ts → read nuxt-config.mdYou are working with Nuxt 4+. Key differences:
| Old (Nuxt 2/3) | New (Nuxt 4) |
|---|---|
index.vue | (descriptive-name).vue |
<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.