源自 GitHubVue状态管理与Pinia架构设计
该功能基于Pinia官方最佳实践，专门面向Vue 3及Nuxt项目开发。帮助开发者根据业务需求规划和编写规范的Pinia Store，涵盖State、Getters与Actions的设计，正确使用storeToRefs保持响应性，解决多Store组合与循环依赖问题，并支持编写单元测试、路由守卫中的跨组件状态调用以及SSR服务端渲染状态注水方案。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“请用Pinia Setup Store语法编写一个购物车Store，包含商品列表、总价计算Getter以及支持异步结账的Action，并配置HMR热更新”
“在Vue Router全局前置守卫中如何正确调用userStore检查登录态？请给出避免Pinia未挂载报错的代码实现”
“使用@pinia/testing为带有异步action的订单Store编写Vitest单元测试用例，并演示如何mock状态”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
