The skills for vue

vue-best-practices 是一项面向 Vue 3 的技能，适用于代码生成、代码审查和重构。它会引导代理优先采用 Composition API、`<script setup lang="ts">`、清晰明确的数据流、兼顾 SSR 的实现选择，并提供关于 reactivity、SFC、composables、Router、Pinia 以及基于 Vite 的应用的核心参考资料。

vue-debug-guides 是一项面向 Vue 3 调试的技能，适合定位运行时错误、告警、异步组件失败、响应式问题，以及 SSR 或 hydration 不匹配，并提供有针对性的参考式修复方案。

vue-jsx-best-practices 可帮助前端开发者编写更符合 Vue 习惯的 Vue JSX 和 TSX，用 Vue 友好的 HTML 属性替换 React 风格的 `className`、`htmlFor` 等写法。

vue-options-api-best-practices 可帮助前端团队在 Vue 3 中落实 Options API 最佳实践，修复 `this` 绑定和生命周期相关错误，并改进 props、computed、events 以及 inject 用法的 TypeScript 类型体验，无需切换到 Composition API。

vue-pinia-best-practices 为 Vue 3 团队提供清晰指引，帮助更稳妥地使用 Pinia，重点涵盖安装时机、`storeToRefs` 用法、setup store 返回值，以及 URL 状态与 store 状态的取舍。

vue-router-best-practices 是一份聚焦 Vue Router 4 的实用指南，适合排查和修复前端应用中的导航守卫问题、路由参数更新异常、组件状态残留、重定向循环，以及已弃用的 next() 用法。

用于 Vue 3 代码生成的 vue skill，覆盖 Composition API、`<script setup lang="ts">`、macros、响应式机制以及内置组件。可用于安装决策参考与改进 Vue 用法，适合处理 SFC、`defineProps`、`defineEmits`、`defineModel`、watchers、Transition、Teleport、Suspense 和 KeepAlive。