产品截图
详细介绍
vue-skills是什么
vue-skills 是 Vue 核心团队推出的 AI Agent 技能库，基于 Agent Skills 开放标准，将 Vue 3 最佳实践、Pinia 规范、Vue Router 与 VueUse 准则封装为结构化知识模块。工具通过 npx 安装到Cursor、Claude Code等工具后，AI 生成 Vue 代码时自动遵循官方规则，解决能跑但不对的问题，输出高质量、符合社区标准的代码。
vue-skills的主要功能
如何使用vue-skills
vue-skills的核心优势
vue-skills的同类竞品对比
vue-skills的应用场景
核心功能
✓Vue 3 最佳实践：涵盖 Composition API 正确用法、常见陷阱规避、SSR 性能优化与项目可维护性规范。
✓Options API 规范：提供this上下文管理、生命周期钩子与 TypeScript 适配策略。
✓Vue Router 4 指南：封装导航守卫配置、路由参数处理与路由组件生命周期规范。
✓Pinia 状态管理：定义 Store 类型设计、TS 推导、模块化组织与响应式模式。
✓测试规范：包含 Vitest、Vue Test Utils 与 Playwright 的组件单元测试及 E2E 测试规范。
✓Vue JSX 语法：说明与 React JSX 在作用域和指令上的差异，避免混用错误。
✓调试手册：内置运行时错误、异步异常处理与 hydration 问题的排查指南。
✓Composable 封装：支持基于MaybeRef与MaybeRefOrGetter的标准化可复用逻辑封装。
✓安装技能包：在终端执行npx skills add vuejs-ai/skills命令，将 Vue Skills 添加至本地环境。
✓选择 AI 工具：根据交互提示选择支持的 AI 工具，如Cursor、Claude Code或GitHub Copilot。
价格方案
免费开源