Vue (Pinia)
为AI助手提供Vue.js与Pinia状态管理的开发支持。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Vue (Pinia)。 它的用途是：为AI助手提供Vue.js与Pinia状态管理的开发支持。 详细介绍见：https://321skill.com/skills/vue-pinia/ 请根据该页面的说明完成安装。
使用示例
“我需要创建一个Pinia Store来管理用户登录状态，包含token、用户信息和登录/登出action。”，它会提供一个符合Pinia风格的Store基本结构，并解释如何在不同组件中安全地使用和更新该状态。或者问：“我的Vue组件没有响应Pinia Store中状态的变化，可能是什么原因？”，它会引导你检查响应式引用、Store的导入方式以及可能的直接状态修改错误。
介绍
这个Skill旨在帮助开发者在AI助手的协助下，更高效地进行Vue.js应用开发，特别是使用Pinia进行状态管理。它解决了在AI对话中编写、理解和调试Vue 3组合式API及Pinia代码时上下文不连贯、语法易错的问题。
通过集成Vue和Pinia的官方文档、最佳实践和常见模式，该Skill能够理解开发者的意图，提供准确的代码片段、解释核心概念，并协助排查与Vue响应式系统或Pinia Store相关的错误。
它非常适合需要在AI辅助下快速完成Vue项目开发、学习现代Vue生态或解决特定技术难题的开发者。无论是构建新功能还是重构旧代码，都能获得针对性支持。
建议在提问时尽量清晰地描述组件结构、数据流或遇到的错误信息，以便Skill能给出最精准的解答。对于极其复杂或高度定制化的业务逻辑，可能需要结合官方文档进行更深入的手动调试。
核心特点
专注于Vue 3组合式API与Pinia的深度集成，能理解Store模块化、状态持久化、Action与Getter等核心概念，提供符合官方推荐模式的代码建议，而非通用的前端代码片段。
注意事项
不适合用于非Vue技术栈（如React、Angular）的项目开发，或处理与Vue/Pinia无关的纯后端逻辑。
常见问题
这个Skill能帮我写Vue 2的代码吗？
主要面向Vue 3和组合式API，对Vue 2的Options API支持有限。
它能帮我调试Pinia Store的数据更新问题吗？
可以，请提供相关的Store定义、组件代码和错误描述，Skill会分析可能的响应式或Mutation问题。