nuxt-dev

Automates Nuxt 3/4 development conventions and SSR best practices enforcement for projects.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/nshonda/workstation-setup --skill nuxt-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt-dev
Source: https://github.com/nshonda/workstation-setup/tree/main/claude/skills/nuxt-dev
Command: npx skills add https://github.com/nshonda/workstation-setup --skill nuxt-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Nuxt projects often struggle to maintain consistent conventions and SSR best practices across Nuxt 3 and Nuxt 4 environments; this Skill provides a structured guide and practical patterns to align development across teams and projects.

Core Features & Use Cases

  • Enforces Nuxt 3/4 version-aware conventions, including appropriate directory structures and patterns for auto-imports, data fetching, server routes, and middleware.
  • Documents recommended tooling and workflows for Nuxt projects, including environment-aware patterns, and common project bootstrapping tasks.
  • Supports quick adoption across projects by outlining clear use cases, from small components to large-scale apps, with actionable templates.

Quick Start

Configure a Nuxt 3/4 project to adopt standard conventions and SSR patterns using this Skill.

Frequently Asked Questions about nuxt-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce consistent Nuxt 3 and Nuxt 4 conventions across my SSR projects?

To enforce Nuxt 3 and Nuxt 4 conventions, use a development helper that automates guidance for directory structures, auto-imports, and SSR best practices. This aligns data fetching, server routes, and middleware patterns consistently across your team's projects.

What is the best way to manage auto-imports and state management in a Nuxt 3 application?

The best way to manage auto-imports and state management in a Nuxt 3 application is by following version-aware conventions. A structured guide provides actionable templates and practical patterns to implement these scenarios correctly without manual configuration conflicts.

Does this Nuxt development helper support both Nuxt 3 and Nuxt 4 codebases?

Yes, this Nuxt development helper supports both Nuxt 3 and Nuxt 4 codebases. It handles version detection automatically and applies appropriate environment-aware patterns, ensuring project bootstrap and tooling workflows match the correct framework version.

How do I structure server routes and middleware for Nuxt SSR applications?

To structure server routes and middleware for Nuxt SSR applications, apply standard conventions outlined in a development guide. It documents recommended workflows and directory patterns, covering scenarios from small components to large-scale app architectures.

When do I need a structured guide for Nuxt data fetching patterns?

You need a structured guide for Nuxt data fetching patterns when your team struggles to maintain consistent SSR best practices across Nuxt 3 and Nuxt 4 environments. It provides clear use cases and actionable templates to align development and prevent convention drift.