React (Zustand)
在AI对话中无缝集成Zustand状态管理，提升前端开发效率。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：React (Zustand)。 它的用途是：在AI对话中无缝集成Zustand状态管理，提升前端开发效率。 详细介绍见：https://321skill.com/skills/react-zustand/ 请根据该页面的说明完成安装。
使用示例
“我需要一个Zustand store来管理主题切换，支持‘light’和‘dark’两种模式，并且状态要持久化到localStorage。”，它会生成一个包含状态、动作和persist中间件配置的完整store代码。或者
对AI说：“帮我用Zustand的slice模式重构这个庞大的用户信息store。”，它会帮你将逻辑拆分成更易维护的独立slice。
介绍
这个Skill将流行的React状态管理库Zustand集成到AI助手中，旨在解决开发者在编写React应用时，需要频繁查阅文档、记忆API或手动编写重复状态逻辑的问题。
使用时，你可以直接向AI描述你的状态管理需求，例如“创建一个用户登录状态store”或“实现一个购物车状态，包含添加和删除商品的方法”，AI会基于Zustand的最佳实践生成对应的、可直接使用的代码片段。
它非常适合需要快速原型开发、学习Zustand或希望减少样板代码编写的前端开发者。无论是构建新功能还是重构旧代码，这个Skill都能提供即时的代码辅助。
建议在明确需求后再使用，生成的代码仍需结合具体项目上下文进行调整和测试。对于非常复杂或定制化程度极高的状态逻辑，可能需要开发者进行额外的手动优化。
核心特点
与通用代码生成Skill相比，它深度集成了Zustand的特定语法、模式和最佳实践，能生成更地道、更符合Zustand哲学（如使用Immer处理不可变状态、创建Slice模式等）的代码，而非简单的通用React状态代码。
注意事项
不适合非React项目或需要使用其他状态管理库（如Redux, MobX）的场景。
常见问题
这个Skill能帮我从Redux迁移到Zustand吗？
可以，你可以描述Redux中的特定模式（如connect, reducer），请求AI将其转换为等效的Zustand实现。
生成的代码可以直接用在生产环境吗？
代码基于最佳实践，但仍需根据你的项目规范、类型定义和具体业务逻辑进行审查和测试。