用途：该技能用于 React 组件架构与数据流指导，覆盖组合方式、状态归属、Effects、Suspense、异步 UI、渲染行为与基于证据的性能优化。工作模式分为构建、建议、审计三种，不强制对聚焦任务套用完整清单。
主要能力：先检测 React 环境（版本、编译器配置、渲染器、路由与数据库、约定，以及是否可用 Server Components）；再追踪状态归属与数据流，明确每处状态与副作用的唯一归属者和数据路径；选择最简组合，抽象需由真实复用或跨树协调支撑；建模状态与同步，Effects 仅用于同步 React 之外的外部系统；设计异步与渲染行为，将 Suspense、过渡、乐观状态、待定反馈与错误恢复放在等待体验的归属处；最后基于证据优化，先修瀑布、过宽归属与昂贵渲染结构，再做记忆化。
使用方式：按需加载参考文档，包括组合、状态与数据流、useEffect 反模式、异步与 Suspense、重渲染、打包与性能调查、Portal 与层叠上下文，以及检测到 React 19+ API 时的 react-19 参考。Next.js 路由、缓存、流式与 App Router 机制由 nextjs-app-architecture 负责；信任边界、TypeScript 契约、无障碍、样式、浏览器行为与安全由 frontend 负责。
适用场景：React 组件 API 设计、状态放置、Context 与 provider、异步 UI、重渲染诊断与性能调查等。
限制：版本敏感机制需以项目或当前主文档为准；性能结论需有测量或结构证据；未提供具体安装命令、收费与平台信息。