ub-nuxt

Guide Nuxt 3+ projects to modern app/ directory structure and conventions.

6|2|Updated Mar 12, 2026
One-click install
npx skills add https://github.com/robert-hoffmann/uncle-bob --skill ub-nuxt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ub-nuxt
Source: https://github.com/robert-hoffmann/uncle-bob/tree/main/.agents/skills/ub-nuxt
Command: npx skills add https://github.com/robert-hoffmann/uncle-bob --skill ub-nuxt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Build, review, migrate, and debug Nuxt (latest stable) applications with typed composables, SSR/SSG/hybrid rendering, runtime config, Nitro/server routes, and app-directory semantics. Use when tasks mention nuxt.config.*, Nuxt modules, middleware/plugins, server APIs, deployment/runtime mode, or Nuxt migration, especially when framework/runtime behavior is the primary concern.

Core Features & Use Cases

  • Enforce Nuxt-native patterns using app/ structure and Nitro server routes.
  • Guide migration from legacy Nuxt setups and ensure consistent runtime behavior.
  • Validate TypeScript typings for runtime config, composables, and API surfaces.

Quick Start

Identify Nuxt version and app structure, then apply modern Nuxt patterns to align the project with app/ directory semantics.

Frequently Asked Questions about ub-nuxt

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

FAQPage Schema
How do I migrate a legacy Nuxt project to use the app directory structure?

Nuxt migration to the app directory structure requires identifying your project version and applying modern app/ semantics to replace legacy patterns. This Skill guides that process while enforcing consistent runtime behavior and typed composables.

What is the best way to structure typed composables in a Nuxt 3 application?

Structuring typed composables in Nuxt 3 involves validating TypeScript typings across your API surfaces and runtime config. This Skill enforces Nuxt-native patterns to keep your Vue app modern, typed, and aligned with app directory conventions.

Does this Skill support configuring Nitro server routes and hybrid rendering in Nuxt?

Configuring Nitro server routes and hybrid rendering in Nuxt is fully supported. This Skill guides and enforces modern conventions for SSR, SSG, and hybrid rendering setups, ensuring your server APIs and runtime modes follow native patterns.

How do I validate runtime config and TypeScript typings for my Nuxt server APIs?

Validating runtime config and TypeScript typings for Nuxt server APIs requires checking your API surfaces against typed composables and Nitro server routes. This Skill enforces type validation and modern project structure to ensure consistent runtime behavior.

Can I use this Skill to debug Nuxt modules, middleware, and plugins?

Debugging Nuxt modules, middleware, and plugins is supported when framework and runtime behavior is the primary concern. This Skill helps review and debug these components while enforcing modern Nuxt-native patterns and app directory structure.

When should I avoid legacy patterns during a Nuxt 3+ migration?

Avoiding legacy patterns during a Nuxt 3+ migration is necessary when adopting app directory semantics, typed composables, and Nitro server routes. This Skill detects your project version and advises on modern structure to prevent outdated framework behaviors.