nuxt-vue-expert

Modify and troubleshoot Nuxt 4, Vue 3, Nitro, and Tailwind CSS applications.

Updated Jan 28, 2026
One-click install
npx skills add https://github.com/i9placesolutions/jobvarejo --skill nuxt-vue-expert
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt-vue-expert
Source: https://github.com/i9placesolutions/jobvarejo/tree/main/.agents/skills/nuxt-vue-expert
Command: npx skills add https://github.com/i9placesolutions/jobvarejo --skill nuxt-vue-expert

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and agents (resource) components.

What problem does it solve?

This Skill automates tasks within the JobVarejo's Nuxt 4, Vue 3, Nitro and Tailwind infrastructure, streamlining development, modifications, and troubleshooting.

Core Features & Use Cases

  • Framework Modifications: Manages pages, composables, middleware, server/api endpoints, layouts, auto-imports, runtime config, SSR/CSR, routing, and code-splitting.
  • Issue Resolution: Diagnoses and resolves problems related to hydration, build, and deployment for the JobVarejo Nuxt 4 stack.
  • Use Case: Use this to generate a server API endpoint for admin features or create a reusable Vue composable for managing user authentication state.

Quick Start

Invoke the nuxt-vue-expert skill to create a new authenticated page for managing product categories.

Frequently Asked Questions about nuxt-vue-expert

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

FAQPage Schema
How do I create a server API endpoint for admin features in a Nuxt 4 application?

To create a server API endpoint in Nuxt 4, you define server-side logic within the Nitro server/api directory. This process involves establishing secure routes and handling requests within the JobVarejo project architecture.

What is the best way to manage user authentication state with Vue 3 composables?

Managing user authentication state in Vue 3 involves creating reusable composables that track login status across components. This Skill provides expert support for generating these auto-imported composables within the Nuxt 4 environment.

Why does my Nuxt 4 application have hydration errors during server-side rendering?

Hydration errors in Nuxt 4 typically occur when client-side rendered HTML mismatches the server-side rendered output. This Skill diagnoses and resolves these SSR and CSR hydration mismatches within your existing codebase.

How do I configure runtime config and routing for a Nuxt 4 fullstack project?

Configuring runtime config and routing in Nuxt 4 requires modifying framework configurations and establishing code-splitting patterns. This Skill operates directly on these configurations to streamline your fullstack setup.

Can I use Tailwind CSS for layout modifications in an existing Vue 3 and Nitro stack?

Yes, Tailwind CSS can be used to style layouts and pages within a Vue 3 and Nitro stack. This Skill supports modifying layouts, pages, and composables while maintaining the JobVarejo infrastructure patterns.

How to troubleshoot build and deployment issues in a Nuxt 4 project?

Troubleshooting Nuxt 4 build and deployment issues involves diagnosing server-side logic, framework configurations, and dependency conflicts. This Skill automates the resolution of these deployment bottlenecks for the Nitro server environment.