Design inspired by HugoRCD's work
Vue, Nuxt, and NuxtHub skills for AI coding assistants.
🔗 Related Nuxt RFC: Bundling Agent Skills in Nuxt Modules
npx skills add onmax/nuxt-skillsThe skills CLI auto-detects your installed agents and provides an interactive picker. Use -g for global (user-wide) or -y to install all skills.
Works with Claude Code, Cursor, Codex, OpenCode, GitHub Copilot, Antigravity, Roo Code, and more.
An alternative for Claude Code users:
# Add marketplace
/plugin marketplace add onmax/nuxt-skills
# Install individual skills
/plugin install vue@nuxt-skills
/plugin install nuxt@nuxt-skills
# Install multiple skills
/plugin install vue@nuxt-skills nuxt@nuxt-skills nuxt-ui@nuxt-skillsClone the repository and copy skill folders to your agent's skills directory:
| Agent | Project path | Global path |
|---|---|---|
| Claude Code | .claude/skills/ |
~/.claude/skills/ |
| Cursor | .cursor/skills/ |
~/.cursor/skills/ |
| Codex | .codex/skills/ |
~/.codex/skills/ |
| OpenCode | .opencode/skill/ |
~/.config/opencode/skill/ |
| Copilot | .github/skills/ |
— |
| Skill | Description |
|---|---|
| vue | Vue 3 Composition API, components, composables, testing |
| nuxt | Nuxt 4+ server routes, routing, middleware, config |
| nuxt-modules | Creating Nuxt modules with defineNuxtModule, Kit utilities, testing |
| nuxthub | NuxtHub v0.10 database, KV, blob, cache, multi-cloud |
| nuxt-content | Nuxt Content v3 collections, queries, MDC rendering, NuxtStudio |
| nuxt-ui | Nuxt UI v4 components, theming, forms, overlays, composables |
| nuxt-better-auth | Auth with @onmax/nuxt-better-auth, useUserSession, route protection, clientOnly |
| reka-ui | Reka UI headless Vue components, accessible primitives, props/emits/slots |
| document-writer | Writing documentation for Nuxt ecosystem - MDC, style, structure, code examples |
| ts-library | TypeScript library authoring - exports, tsdown, API patterns, type tricks, CI |
| motion | Motion Vue animations - motion component, composables, scroll, gestures |
| vueuse | VueUse composables - state, browser, sensors, network, animation utilities |
| nuxt-seo | Nuxt SEO meta-module - robots, sitemap, og-image, schema-org, site config |
| vitest | Vitest testing - test API, mocking, coverage, type testing, environments |
| vite | Vite build tool - config, plugins, HMR, SSR, library mode, performance |
| pnpm | pnpm package manager - workspaces, catalogs, CLI commands, CI/CD |
| tsdown | tsdown bundler - TypeScript libraries, DTS generation, package validation |
| tresjs | TresJS 3D framework - TresCanvas, Cientos helpers, post-processing effects |
Skills follow the Agent Skills open format. They can be activated in two ways:
- Auto-discovery — The agent reads each skill's
descriptionand loads it when relevant to your task - Manual invocation — Type
/skill-name(e.g.,/nuxt) to explicitly load a skill
| You're working on... | Agent may auto-load... |
|---|---|
.vue file |
vue skill |
server/api/ route |
nuxt skill |
nuxt.config.ts |
nuxt skill |
| NuxtHub storage | nuxthub skill |
| Auth/login/session | nuxt-better-auth |
Follows agentskills standard format.
nuxt-skills/
├── skills/ # Skills (agentskills format)
│ ├── vue/
│ │ ├── SKILL.md # Entry point with frontmatter
│ │ └── references/ # Sub-files loaded on-demand
│ ├── nuxt/
│ ├── nuxt-modules/
│ ├── nuxthub/
│ ├── nuxt-content/
│ ├── nuxt-ui/
│ ├── nuxt-better-auth/
│ ├── reka-ui/
│ ├── document-writer/
│ ├── ts-library/
│ ├── motion/
│ ├── vueuse/
│ ├── nuxt-seo/
│ ├── vitest/
│ ├── vite/
│ ├── pnpm/
│ ├── tsdown/
│ └── tresjs/
└── .claude-plugin/
└── marketplace.json # Claude Code marketplace
Skills are kept up-to-date via GitHub Actions:
| Workflow | Schedule | Purpose |
|---|---|---|
| update-skills.yml | Weekly (Monday) | Regenerates reka-ui, nuxt-ui, and vueuse docs from upstream |
| skill-maintenance.yml | Biweekly (1st & 15th) | Claude analyzes upstream changelogs, creates PRs if updates needed |
The maintenance workflow uses claude-code-action to intelligently detect breaking changes, new features, and deprecations from upstream sources.
- Agent Skills Spec - Open format for extending AI agent capabilities
- Claude Code Skills - Skills in Claude Code
- VS Code Agent Skills - GitHub Copilot skills in VS Code
- GitHub Agent Skills Docs - About agent skills
- OpenCode Skills - Agent skills in OpenCode
- awesome-copilot - Community collection of custom agents and prompts
- vue skill gotchas from vuejs-ai/skills vue-best-practices (200+ rules)
- vitest, vite, pnpm, tsdown skills from @antfu's skills
MIT