Community Plugin

nuxt-v4

Comprehensive Nuxt 4 development with 4 focused skills (core, data, server, production), 3 diagnostic agents (debugger, migration, performance), and interactive setup wizard. Use when: building Nuxt 4 applications, implementing SSR patterns, creating composables, server routes, data fetching, state management, debugging hydration issues, migrating from Nuxt 3, optimizing performance, deploying to Cloudflare/Vercel/Netlify, or setting up testing with Vitest.

4.0.0

Updated 2 months ago

AI Insight

Comprehensive Nuxt 4 development toolkit with focused skills, diagnostic agents, and interactive setup wizard for building SSR applications.

Why this plugin

All-in-one Nuxt 4 solution combining core development, debugging, migration, and performance optimization. Solves complex SSR patterns, hydration issues, and deployment to major platforms with guided assistance.

Prerequisites

Requires Node.js and Nuxt 4 project. API keys may be needed for specific deployment targets like Cloudflare, Vercel, or Netlify.

nuxt

ssr

development

Install

Run in your terminal

npx claudepluginhub secondsky/claude-skills

Components

Commands

nuxt-v4:setup

/nuxt-setup

inherits

Interactive wizard to set up a new Nuxt 4 project with database integration, UI framework, authentication, and deployment configuration. Use when user wants to create a new Nuxt project or scaffold a full-stack application.

Agents

nuxt-debugger

/nuxt-debugger

6 tools

Autonomously diagnoses Nuxt 4 issues through 7-phase analysis. Use when encountering hydration, SSR, routing, data fetching, or performance problems.

nuxt-migration-assistant

/nuxt-migration-assistant

6 tools

Autonomously migrates Nuxt 3 to v4 through 6-phase analysis. Use when upgrading projects or encountering v3 compatibility issues.

nuxt-performance-analyzer

/nuxt-performance-analyzer

4 tools

Autonomous performance analysis agent that optimizes Nuxt 4 applications through 6-phase analysis (bundle, components, data fetching, rendering, assets, report). Use when optimizing Core Web Vitals, reducing bundle size, improving load times, or analyzing performance bottlenecks.

Skills

nuxt-core

inherits

3 assets

Nuxt 4 core framework fundamentals: project setup, configuration, routing, SEO, error handling, and directory structure. Use when: creating new Nuxt 4 projects, configuring nuxt.config.ts, setting up routing and middleware, implementing SEO with useHead/useSeoMeta, handling errors with error.vue and NuxtErrorBoundary, or understanding Nuxt 4 directory structure. Keywords: Nuxt 4, nuxt.config.ts, file-based routing, pages directory, definePageMeta, useHead, useSeoMeta, error.vue, NuxtErrorBoundary, middleware, navigateTo, NuxtLink, app directory, runtime config

nuxt-data

inherits

3 assets

Nuxt 4 data management: composables, data fetching with useFetch/useAsyncData, and state management with useState and Pinia. Use when: creating custom composables, fetching data with useFetch or useAsyncData, managing global state with useState, integrating Pinia, debugging reactive data issues, or implementing SSR-safe state patterns. Keywords: useFetch, useAsyncData, $fetch, useState, composables, Pinia, data fetching, state management, reactive, shallow reactivity, reactive keys, transform, pending, error, refresh, dedupe, caching

nuxt-production

inherits

6 assets

Nuxt 4 production optimization: hydration, performance, testing with Vitest, deployment to Cloudflare/Vercel/Netlify, and v4 migration. Use when: debugging hydration mismatches, optimizing performance and Core Web Vitals, writing tests with Vitest, deploying to Cloudflare Pages/Workers/Vercel/Netlify, or migrating from Nuxt 3 to Nuxt 4. Keywords: hydration, hydration mismatch, ClientOnly, SSR, performance, lazy loading, lazy hydration, Vitest, testing, deployment, Cloudflare Pages, Cloudflare Workers, Vercel, Netlify, NuxtHub, migration, Nuxt 3 to Nuxt 4

nuxt-server

inherits

2 assets

Nuxt 4 server-side development with Nitro: API routes, server middleware, database integration, and backend patterns. Use when: creating server API routes, implementing server middleware, integrating databases (D1, PostgreSQL, Drizzle), handling file uploads, implementing WebSockets, or building backend logic with Nitro. Keywords: server routes, API routes, Nitro, defineEventHandler, getRouterParam, getQuery, readBody, setCookie, createError, server middleware, D1, Drizzle, PostgreSQL, WebSocket, file upload

MCP Servers

Connects to external services

nuxt

http

External

Official Nuxt MCP server providing documentation, composable signatures, component examples, and migration guides

Stats

Stars75

Forks5

MaintenanceFair

Last Commit2 months ago

Community Promotion

Collections

Links

View on GitHub

View README

Plugin Marketplace JSON

Similar Plugins

prompts.chat

151.0k

227

Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.

v1.0.0

plugin-dev

75.3k

Comprehensive toolkit for developing Claude Code plugins. Includes 7 expert skills covering hooks, MCP integration, commands, agents, and best practices. AI-assisted plugin creation and validation.

3mo

v0.1.0

everything-claude-code

68.9k

164

Complete collection of battle-tested Claude Code configs from an Anthropic hackathon winner - agents, skills, hooks, and rules evolved over 10+ months of intensive daily use

v1.8.0

context7-plugin

48.2k

Upstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.

1mo

vctx7@0.3.2