vue-skills：Vue 官方 AI 编程技能库

vue-skills 是面向 AI 编程工具的 Vue 技能库，将 Vue 3、Pinia、Vue Router、VueUse、测试和调试等最佳实践封装为结构化规则。安装后，Cursor、Claude Code、GitHub Copilot等工具可参考这些规范生成更符合 Vue 社区标准的代码。

主要功能

• Vue 3 开发规范：覆盖 Composition API、响应式原理、SSR性能和常见反模式。
• Options API 指南：提供生命周期、this上下文和TypeScript适配建议。
• Pinia 状态管理：涵盖Store类型设计、模块化组织和响应式模式。
• Vue Router 4：指导导航守卫、路由参数和组件生命周期配置。
• 测试规范：支持Vitest、Vue Test Utils和Playwright的单元测试与E2E测试。
• Vue JSX 支持：说明Vue JSX与React JSX在语法和作用域方面的差异。
• 调试指南：辅助排查运行时错误、异步异常、hydration和TypeScript问题。
• Composable 封装：提供基于MaybeRef和MaybeRefOrGetter的复用逻辑规范。

如何使用vue-skills

在终端执行npx skills add vuejs-ai/skills，根据提示选择Cursor、Claude Code、GitHub Copilot或其他兼容工具，并决定全局或项目级安装。安装后可在对话中使用use vue skill显式触发技能，再描述Vue开发、重构或调试需求。

核心优势

• 来源权威：面向Vue生态最佳实践，结合官方文档和真实问题整理。
• 按需加载：仅在任务匹配时加载相关规则，减少上下文占用。
• 跨工具兼容：遵循Agent Skills开放标准，支持多种AI编程工具。
• 项目自适应：可根据Vue版本、API风格和Pinia使用情况调整建议。
• 覆盖开发全流程：兼顾编码、测试、重构和问题排查。

应用场景

• AI辅助Vue开发：生成更规范、类型安全的Vue 3组件和Composable。
• 团队规范统一：让AI生成的代码遵循一致的架构和编码习惯。
• Vue 2迁移Vue 3：辅助比较Options API与Composition API并完成代码重构。
• 项目调试：排查hydration错误、响应式异常和类型推导问题。
• 测试建设：生成符合Vitest、Vue Test Utils和Playwright规范的测试代码。

安装第三方技能包前，请确认仓库来源、文件内容和权限范围，并在项目中通过代码审查和测试验证AI生成结果。