nuxt
π―Skillfrom onmax/nuxt-skills
|Progressive guidance for Nuxt 4+ projects (v4.3+) providing server routes, file-based routing, middleware patterns, Nuxt-specific composables, h3 v1 helpers (validation, WebSocket, SSE), and nitropack v2 patterns.
Overview
nuxt is a skill providing progressive, task-specific guidance for Nuxt 4+ projects (v4.3+). It covers server routes, file-based routing, middleware patterns, Nuxt-specific composables, h3 v1 helpers (validation, WebSocket, SSE), and nitropack v2 patterns β organized into separate reference files that are loaded on demand to avoid bloating the AI's context.
Key Features
- Modular reference system β Separate reference files for server routes, routing, middleware/plugins, composables, components, and configuration, loaded only when relevant to the current task
- Nuxt 4 migration awareness β Includes a Nuxt 4 vs older versions comparison table, ensuring AI generates code using current patterns (e.g., NuxtPage instead of Nuxt, app/ directory structure)
- Full server-side coverage β API routes, server middleware, Zod validation, WebSocket, and SSE patterns using h3 v1 helpers and nitropack v2
- Ecosystem integration β Cross-references to companion skills for Vue composables, Nuxt UI, NuxtHub (database/storage), Nuxt Content, and Nuxt Modules
Who is this for?
Developers working on Nuxt 4+ applications who want their AI coding assistant to generate up-to-date code following current conventions. Particularly valuable for teams migrating from Nuxt 2/3 to Nuxt 4, and for anyone building full-stack applications with Nuxt's server routes and file-based routing.
Same repository
onmax/nuxt-skills(38 items)
Installation
npx vibeindex add onmax/nuxt-skills --skill nuxtnpx skills add onmax/nuxt-skills --skill nuxt~/.claude/skills/nuxt/SKILL.mdSKILL.md
More from this repository10
Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.
Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.
Component library skill for Vue 3 and Nuxt 4+ built on Reka UI, Tailwind CSS v4, and Tailwind Variants, covering @nuxt/ui v4 components like Button, Modal, Form, Table with theming, validation, and composables.
Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.
Animation library skill for Vue 3 and Nuxt providing Motion Vue (motion-v) component API, gesture animations, scroll-linked effects, layout transitions, and spring physics with minimal bundle size.
Patterns for authoring high-quality TypeScript libraries covering project setup, package exports (dual CJS/ESM), build tooling (tsdown/unbuild), API design patterns, type inference, testing with vitest, and release workflows.
Writing guidance for blog posts and documentation following Nuxt ecosystem patterns, covering active voice style, content structure, and MDC component usage while overriding brevity rules for proper grammar.
Nuxt SEO meta-module covering robots.txt, sitemap.xml generation, dynamic OG image creation, JSON-LD structured data (schema.org), breadcrumbs, and canonical URL configuration.
Guide for creating Nuxt modules that extend framework functionality, covering defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation for both published npm and local project modules.
Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.