💡 摘要
一套全面的 AI 智能体技能集,用于 Vue、Nuxt 及 Nuxt 生态系统的开发。
🎯 适合人群
🤖 AI 吐槽: “这本质上是一份组织良好的小抄,能把你的 AI 助手变成一只 Nuxt 框架的复读机。”
README 描述了获取和处理上游文档的自动化工作流。这引入了依赖供应链风险,恶意代码可能被注入到生成的技能内容中。缓解措施:在 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
优点
- 广泛覆盖 Nuxt 生态系统
- 基于文件上下文的自动发现降低了使用门槛
- 通过 GitHub Actions 自动维护确保内容新鲜
- 支持多个 AI 智能体平台
缺点
- 新颖性有限,主要是聚合现有知识
- 相似技能之间可能存在重叠或混淆
- 需要熟悉特定 AI 智能体的技能系统
- 手动安装路径因智能体而异
相关技能
免责声明:本内容来源于 GitHub 开源项目,仅供展示和评分分析使用。
版权归原作者所有 onmax.
