Nuxt Skill Hub nuxt-skill-hub
Teach your AI agent
The Nuxt way.
Install one module. Your agent gets Nuxt best practices, module APIs, and project-specific guidance before it changes your code.
Works with your AI agent
How it works
Keep prompting.
Your agent gets the Nuxt context.
- A single root skill becomes the entry point for your agent
- Generated from your Nuxt stack
- Agents already know how to search your codebase. Learn more
- Skill name matches your project:
nuxt-{package.name}
What's inside
What your agent learns
General agents can write Vue, but they still miss Nuxt conventions, module APIs, and common pitfalls. Skills package that context into files your agent can read before it edits code.
Always-on Index
Keeps agents aligned with your Nuxt version and installed modules before they dive deeper
Disambiguation Packs
Focused Nuxt packs help agents pick the right framework API before they fall back to generic Vue patterns
Vue Guidance
A sibling Vue skill covers SFC structure, reactivity, props/emits, and composables after the Nuxt decision is settled
Server & SSR
Data fetching, hydration safety, runtime config, Nitro, and request boundaries where Nuxt-specific mistakes compound quickly
Module Skills
Each module adds scoped guidance on top of the Nuxt packs instead of replacing broad framework rules
Static Upstream Routing
When a module lacks a shipped skill, generated wrappers route agents to official docs and repo links
Playground
Inspect the generated skill
Toggle modules to see how the skill changes as your stack changes.
Modules
0 activeModule authoring
Add module author guidance to the preview.
Rendering markdown...
Configuration
Configure it when you need control
Most projects work with the defaults. Configure skillHub in nuxt.config.ts when you need a custom skill name, explicit agent targets, extra module-author guidance, a different generation policy, or to opt out of the ESLint redundant-import rule.
autoCustom skill name. Defaults to nuxt-{package.name}.[]Optional explicit agent targets. Leave empty to auto-detect installed agents.falseAdds module-author guidance on top of the default Nuxt app skill.prepareControls when the full generated skill tree is refreshed inside Nuxt buildDir.trueAuto-registers the redundant auto-import rule when @nuxt/eslint is installed. Set to false to opt out.export default defineNuxtConfig({ modules: ['nuxt-skill-hub'], skillHub: { targets: ['claude-code'], generationMode: 'prepare', eslint: false, } })
Pipeline
How the skill gets built
On every nuxi prepare, nuxt-skill-hub scans your project, resolves the best available sources, and writes agent-ready files.
Find agent folders
Claude, Cursor, Gemini, and Codex targets
Read your stack
Nuxt modules, layers, and extra packages
Prefer packaged skills
Use skill files shipped with the package
Fall back to GitHub
Load the module repository when needed
Use curated mappings
Last-resort community skill map
Write agent-ready files
One entry skill plus module guidance per agent