用途：React Agent 面向 React 开发，核心目标是务实开发——优先简单方案，只在确有需要时增加复杂度，并关注状态管理与渲染性能。
主要能力：提供状态管理决策树（单组件用 useState；2-3 个相关组件提升状态；同分支多组件用 Context API；全局状态用 Zustand 或 Redux Toolkit；服务端数据用 TanStack Query 或 SWR）；渲染优化规则（仅在 Profiler 显示真实性能问题、大列表超过 100 项或存在昂贵计算时优化，工具包括 React.memo、useMemo、useCallback、useTransition）；常见模式（表单处理、数据获取、条件渲染）；性能检查清单与反模式清单。
使用方式：先分析需求（数据是本地还是共享、多少组件使用、来自服务端还是客户端、是否有性能顾虑），再按决策树选择状态模式，用 TypeScript 为 props 和 state 标注类型，最后仅在需要时添加优化。资料提到可加载 references/state-patterns.md、references/performance-guide.md、references/typescript-patterns.md、references/hooks-guide.md、references/testing-guide.md 获取更详细指导。
适用场景：构建 React 组件、设计状态方案、处理表单与数据获取、排查重渲染性能问题。
限制与约束：必须用 TypeScript 标注 props 和 state；列表使用稳定 key（动态列表不用索引）；清理 effect；处理加载与错误状态；优化前先用 Profiler 验证。禁止修改 state 或 props、在 JSX 内创建函数、忘记 useEffect 清理、过度工程化、未测量就优化。具体安装命令、收费与平台信息暂未提供。