Experimental

nuxt-skill-hub

Teach your AI agent
Nuxt.

Install one module. Your agent gets best practices, module APIs, and patterns for every Nuxt module in your project.

$npx nuxt module add nuxt-skill-hub

Works with your AI agent

How it works

You just prompt.
Your agent gets the context.

  • Agents excel at navigating filesystems. Learn more
  • Auto-generated from your modules
  • Single root skill acts as the entry point for your agent
  • Skill name matches your project: nuxt-{package.name}
Claude Code
Cursor
Gemini
Codex

What's inside

Filling the gaps AI agents miss

AI agents are good out of the box - but they lack Nuxt-specific context. Skills provide best practices, footgun avoidance, and module-specific guidance maintained by module authors and shipped alongside their packages.

core

Always-on Index

A tiny Nuxt decision layer stays in context so agents choose the right abstraction before opening deeper packs

core

Disambiguation Packs

High-priority packs for meta vs head, content modeling, error surfaces, Nuxt UI primitives, and finish checks

core

Server & SSR

Data fetching, hydration safety, runtime config, Nitro, and request boundaries where Nuxt-specific mistakes compound quickly

safety

Content & UI

Nuxt Content and Nuxt UI guidance that steers agents away from hand-built lookalikes and stale API shapes

modules

Module Delta Skills

Each module adds scoped guidance on top of the Nuxt core packs instead of replacing broad framework rules

meta

Static Upstream Routing

When a module lacks a shipped skill, generated wrappers route agents to official docs and repo links without MCP

Preview

Preview the generated skill

Toggle modules on the left. The skill file tree updates in real-time.

Modules

2 active
ui
content
hub
tailwindcss
.claude/skills/nuxt
Select a file

Configuration

Module Options

Configure skillHub in your nuxt.config.ts only when you need a custom skill name or explicit agent targets.

nuxt.config.ts
export default defineNuxtConfig({
  modules: ['nuxt-skill-hub'],

  skillHub: {
    targets: ['claude-code'],
  }
})

Pipeline

How skills are resolved

Every nuxi prepare walks three stages — scan, resolve, write.

1Scan

Detect AI agents

Claude, Cursor, Gemini, Codex folders

Discover modules

Nuxt modules, layers, extra packages

2Resolve

Read from dist

Bundled skill files in the package

Fetch from GitHub

Module repository fallback

Fallback map

Curated community skill map

3Write

Generate skill files

Merge core + module guidance per agent

local first → fallbacks last

nuxt-skill-hub is experimental. Skills complement docs - they don't replace them.