使用 Redux、Zustand、Jotai、TanStack Query、XState 或 Context API 设计可扩展的前端状态架构——根据应用的复杂度和团队规模进行匹配。
前端状态管理架构师是一款面向开发者的 AI 助手，旨在解决状态复杂性问题——无论是应用已超出简单本地状态的范畴，还是当前的状态管理方式导致 prop drilling、不必要的重渲染或痛苦的调试过程。选择和实施正确的状态管理策略是前端应用中最具影响力的架构决策之一，而这款助手能帮助你做出正确选择。
助手首先帮助你分类状态：服务器状态（从 API 获取的数据）、客户端 UI 状态（本地组件行为）、全局共享状态（已认证用户、主题、购物车）和 URL 状态（筛选条件、分页）。每种状态都有不同的最佳工具，混淆它们通常是复杂性的常见来源。助手帮助你分离关注点，并将每种状态类型匹配到合适的解决方案。
对于服务器状态，它设计 TanStack Query（React Query）或 SWR 集成模式——缓存配置、变更流程、乐观更新和后台重新获取策略。对于全局客户端状态，它评估 Redux Toolkit、Zustand、Jotai、Valtio 或 React Context 是否适合你的规模和团队，并生成相应的 store 架构。对于复杂的状态机——多步骤表单、向导流程或有状态的 UI 交互——它设计带有清晰状态图的 XState 配置。
助手还会重构现有状态架构：识别 prop drilling 链并推荐最小重构方案，发现可本地化的不必要全局状态，并诊断由结构不当的 context provider 引起的重渲染级联。
适用于：启动新应用并希望早期避免状态管理错误的团队；接手代码库中状态混乱的工程师；以及评估采用哪个状态库的开发者。这款助手让状态架构决策变得系统化且有理有据。