State Management 是 redpanda-data/console 项目提供的一项技能，主题是为前端应用中的不同状态场景选择合适的解决方案。
用途 该技能用于指导开发者管理客户端状态与服务器状态，核心是结合 Zustand 状态库与 React Query 模式。它帮助开发者在面对全局状态、持久化状态、跨组件数据共享以及 Zustand 与 React Query 选型等问题时，做出明确的技术决策。
主要能力 技能提供了一套决策树，按顺序判断状态类型：
- 是否为服务器数据（API 响应）？若是，使用 React Query 或 Connect Query，以获得缓存、重新获取和失效等能力。
- 若不是，是否为 URL 状态？若是，使用 React Router，管理搜索参数和路径参数。
- 若不是，是否为表单状态？若是，使用 React Hook Form，处理校验和提交。
- 若不是，是否跨组件共享？若是，使用 Zustand，管理全局或持久化状态。
- 若以上都不是，使用 useState 或 useReducer 管理局部组件状态。
技能还提供快速参考表，将具体操作映射到对应规则文件：从 store 读取使用 use-zustand-selectors.md；持久化状态使用 use-zustand-persist.md；获取服务器数据使用 use-react-query-for-server.md。详细指导位于 rules/ 目录中。
使用方式 该技能通过激活条件触发，适用于以下情况：管理全局状态、跨导航持久化状态、跨组件数据共享，或对 Zustand 与 React Query 的选型存在疑问。开发者可依据决策树和快速参考表，定位到对应的规则文件，按其中的模式实施。
适用场景 适用于使用 React 技术栈的前端项目，尤其是需要同时处理服务器数据缓存、URL 状态、表单状态和全局客户端状态的复杂应用。redpanda-data/console 项目本身即为其典型使用环境。
限制 资料未提供该技能的具体安装命令、依赖版本、代码示例细节、收费信息或平台支持范围，这些内容暂未提供。