💡 Summary
A comprehensive collection of AI agent skills for developing with Vue, Nuxt, and the Nuxt ecosystem.
🎯 Target Audience
🤖 AI Roast: “It's essentially a well-organized cheat sheet that turns your AI assistant into a Nuxt framework parrot.”
The README describes automated workflows that fetch and process upstream documentation. This introduces a dependency supply chain risk where malicious code could be injected into the generated skill content. Mitigation: Implement signature verification or hash checking for the fetched upstream content within the GitHub Actions.
Installation
npx skills add onmax/nuxt-skills
The 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.
Claude Code Marketplace
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-skills
Manual Installation
Clone 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/ | — |
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 |
How Skills Work
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 |
Structure
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/
└── .claude-plugin/
└── marketplace.json # Claude Code marketplace
Automated Maintenance
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.
Resources
- 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
Acknowledgments
- vue skill based on patterns from @hyf0's vue-skills
License
MIT
Pros
- Extensive coverage of the Nuxt ecosystem
- Auto-discovery based on file context reduces friction
- Automated maintenance via GitHub Actions ensures freshness
- Supports multiple AI agent platforms
Cons
- Novelty is limited as it aggregates existing knowledge
- Potential for skill overlap or confusion between similar skills
- Requires familiarity with the specific AI agent's skill system
- Manual installation paths vary per agent
Related Skills
pytorch
S“It's the Swiss Army knife of deep learning, but good luck figuring out which of the 47 installation methods is the one that won't break your system.”
agno
S“It promises to be the Kubernetes for agents, but let's see if developers have the patience to learn yet another orchestration layer.”
systematic-debugging
S“This skill is essentially a stern rubber duck that yells 'Did you read the error message?' before you can even ask for help.”
Disclaimer: This content is sourced from GitHub open source projects for display and rating purposes only.
Copyright belongs to the original author onmax.