vuejs-ai/skills 是一个专注于 Vue 3 开发的 AI Agent 技能库。这是一个社区实验项目,旨在为 AI 编程助手(如 Claude Code)提供专门针对 Vue 3 开发的技能包,帮助 AI 更好地理解和编写 Vue 代码。

项目定位
这是一个早期实验性质的社区项目。技能来源于真实世界的问题,但由于 AI 可能存在幻觉,内容可能不完整,项目方欢迎用户反馈。如果项目被验证有价值,作者计划将其转移到 Vue 官方组织,以造福更广泛的社区。
主要功能
这个仓库提供了一系列专门针对 Vue 3 不同场景的技能,每个技能解决特定类型的问题。目前已包含以下技能:
| 技能名称 | 适用场景 | 描述 |
|---|---|---|
| vue-best-practices | Vue 3 + Composition API + TypeScript | 最佳实践、常见陷阱、SSR 指南、性能优化 |
| vue-options-api-best-practices | Options API(data()、methods) | this 上下文、生命周期、TypeScript 与 Options API 配合 |
| vue-router-best-practices | Vue Router 4 | 导航守卫、路由参数、路由组件生命周期 |
| vue-pinia-best-practices | Pinia 状态管理 | Store 设置、响应性、状态模式 |
| vue-testing-best-practices | 组件测试或 E2E 测试 | Vitest、Vue Test Utils、Playwright |
| vue-jsx-best-practices | Vue 中的 JSX | 与 React JSX 的语法差异 |
| vue-debug-guides | 调试 Vue 3 问题 | 运行时错误、警告、异步错误处理、水合问题 |
| create-adaptable-composable | 创建可复用的组合式函数 | MaybeRef/MaybeRefOrGetter 输入模式 |
安装与使用
安装方式
对于 Claude Code 用户,可以通过插件市场安装:
先添加市场:
/plugin marketplace add vuejs-ai/skills一次性安装所有技能:
/plugin install vue-skills-bundle@vue-skills安装单个技能:
/plugin install vue-best-practices@vue-skills安装多个技能:
/plugin install vue-best-practices@vue-skills vue-router-best-practices@vue-skills
其他支持 skills 的 AI 工具可以通过 npx 安装:npx skills add vuejs-ai/skills
©️版权声明:若无特殊声明,本站所有文章版权均归AI工具集原创和所有,未经许可,任何个人、媒体、网站、团体不得转载、抄袭或以其他方式复制发表本站内容,或在非我站所属的服务器上建立镜像。否则,我站将依法保留追究相关法律责任的权利。
豫公网安备 41040202000300 号