Nuxt auto-imports, file-based routing, server routes, data fetching (useFetch/useAsyncData), modules ecosystem, hybrid rendering, SEO with useHead, and auto-imported composables. Use when building Nuxt applications.
Installs into .claude/skills of the current project.
Are you the author of Nuxt?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/skeletorflet-nuxt)
---
name: nuxt
description: Nuxt auto-imports, file-based routing, server routes, data fetching (useFetch/useAsyncData), modules ecosystem, hybrid rendering, SEO with useHead, and auto-imported composables. Use when building Nuxt applications.
---
## nuxt
Nuxt simplifies Vue development with conventions and auto-imports.
### Core Concepts
- Auto-imports: components/, composables/, utils/ files are auto-imported
- File-based routing: pages/ directory mirrors routes automatically
- Hybrid rendering: SSR, SSG, SWR per page with route rules
### Common Patterns
- useFetch for data fetching with SSR support and deduplication
- useAsyncData for fine-grained control over fetch strategy
- server/ directory for API routes and middleware
### Best Practices
- Leverage auto-imports instead of manual imports
- Use Nuxt modules for auth, content, SEO, and more
- Configure routeRules for per-page rendering strategy
### Common Code Patterns
- useHead for per-page meta tags and SEO metadata
- pages/index.vue as home route, pages/[id].vue for dynamic routes
- Server routes in server/api/ return JSON automatically
