用途：在编写或审查 React 代码时，按影响程度而非实现难度应用一组性能规则，帮助定位并修复页面加载慢、交互卡顿等问题，也可用于优化核心网页指标（LCP、FID、CLS）和从客户端渲染迁往服务端渲染。
主要能力：规则覆盖 8 个优先级类别，含 40 多条规则，每条提供严重程度评级与前后对比代码示例。最高优先级为消除客户端-服务端瀑布（例如把串行 fetch 改为 Promise.all 并行）和缩减包体积（按路径导入、用 lazy 与 Suspense 延迟加载）。其次是服务端渲染性能和客户端数据获取模式，再往下是重渲染优化与渲染性能，最低是 JavaScript 微优化。
使用方式：智能体在编写或审查 React 组件/页面时自动评估规则，严重问题标为阻断项，低优先级项记为建议，并按优先级从高到低套用修复。文档建议先修复严重项再处理中低项，先用 React DevTools Profiler 与 Lighthouse 测量再优化，数据获取优先用服务端组件，非首屏组件用 dynamic(() => import(...))，客户端组件边界尽量收窄，避免过早使用 useMemo/useCallback。平台方面列出 Cursor、VS Code、Windsurf、Claude Code、Cline 为完全支持，aider 为部分支持（需手动应用规则）。
适用场景：编写新组件、审查性能问题、排查加载与交互缓慢、优化核心网页指标、迁移渲染方式、缩减 bundle。
限制：资料未提供安装命令、价格、收费、实测效果数据或版本要求，这些事实暂未提供；本文档中的平台兼容性以原始说明为准。