Nuxt Development
Facilitates the creation of high-performance Vue applications using Nuxt's file-based routing, server-side rendering, and auto-import architecture.
The source repository doesn't declare a license. Check its terms before reusing the code.
Key features
- Provides guidance for file-based routing, middleware, and server API development.
- Detects and integrates module-specific advice for libraries like Pinia, Tailwind, and NuxtHub.
- Accesses live official Nuxt documentation for current API syntax and conventions.
- Automates best practices for Vue script setup, auto-imports, and component structure.
- Supports Nuxt 4 directory structures and modern TypeScript organization patterns.
Use cases
- Implementing type-safe API routes and server utilities using the Nitro engine.
- Building a full-stack Vue application with Server-Side Rendering (SSR) or Static Site Generation (SSG).
- Integrating and configuring Nuxt modules like Nuxt UI, i18n, or Content for complex workflows.
FAQ
How does this skill improve my Nuxt workflow?
It eliminates manual boilerplate by leveraging auto-imports, ensures code follows Nuxt 3/4 best practices, and provides instant, context-aware guidance for integrated modules like Pinia, Tailwind CSS, and NuxtHub.
What does the Nuxt Development skill do?
This skill optimizes Claude Code for the Nuxt ecosystem. It enables Claude to follow Nuxt-specific conventions like file-based routing, server-side rendering (SSR), and auto-import architecture, while providing access to real-time official documentation.
Does it support modern tools like NuxtHub and Drizzle?
Yes. The skill includes dedicated references for the NuxtHub full-stack platform and Drizzle ORM, allowing Claude to help you manage databases, blob storage, and KV stores directly within your Nuxt application.
When should I use this skill?
The skill triggers automatically when you work on projects with a 'nuxt' dependency, edit .vue or .ts files in Nuxt directories (like pages/ or server/), or ask questions about Nuxt-specific concepts like composables and middleware.
What specific capabilities does it provide for Nuxt projects?
It provides deep support for the Nitro server engine, automated Vue script setup patterns, file-based API route generation, and specialized troubleshooting for SSR/SSG patterns using the latest live documentation.
Related skills
Plugin Skill Development
Provides standardized workflows and best practices for building, organizing, and optimizing specialized skills within Claude Code plugins.
Developer Tools142,11812 ptsPlugin Architecture Guide
Provides standardized patterns and directory layouts for building modular and portable Claude Code plugins.
Developer Tools142,11812 ptsPrompt Engineering
Creates, improves, and optimizes prompts for Claude using Anthropic's best practices for clarity, structure, and security.
Developer Tools5412 pts