用途：在 React/Next.js 项目中，把 UI 视为「状态→渲染」的计算，以组件作为计算单元，系统整理架构设计、编码实现、代码评审与性能优化的判断依据。
主要能力：提供一套基本方针——渲染策略（SSR/CSR/SSG/Streaming）按「何时完成 UI」的需求（SEO、速度、更新频率）选择；明确客户端 JS 与服务端处理的边界；性能优化按对 LCP/INP/CLS 体感影响的大小排序，优先排查 JS 体积、图片、字体与第三方脚本。
使用方式：先通过提问模板确认前提——偏站点还是偏应用、优先初始展示还是操作体验或 SEO、数据来源与更新频率、速度瓶颈属于哪类指标、是否涉及路由/表单/认证；随后按固定顺序输出：推荐方针、理由、设计方案（组件边界、状态放置、数据获取、渲染策略、打包与资源、缓存）、实现前检查清单、常见陷阱与下一步小步验证。
检查要点：组件职责是否过大、props 是否过深、抽象是否过早；state 是否最小、是否存在派生状态、effect 是否沦为补丁；渲染与分发策略是否有明确理由、发送的 JS 量是否可解释；Next.js 中 Server/Client 边界是否合理、敏感信息是否泄漏、缓存策略是否可表述。
限制：资料未提供具体依赖版本、安装命令、示例代码与授权收费信息，亦未给出可执行工具形式，实际使用需结合官方 React 与 Next.js 文档核对。