用途：这是一份 React 与 Next.js 应用的综合性能优化指南，作为技能用于编写新组件或页面、实现数据获取、审查性能问题、重构现有代码，以及优化包体积和加载时间。
主要能力：含 45 条规则，分 8 类并按影响优先级排序，每类有前缀标识。1）消除瀑布请求（CRITICAL，async-）：如把 await 移入实际使用的分支、独立操作用 Promise.all()、API 路由中提前启动 Promise、用 Suspense 流式输出。2）包体积优化（CRITICAL，bundle-）：直接导入避免 barrel 文件、重组件用 next/dynamic、水合后再加载分析/日志、按功能激活时再加载模块、悬停/聚焦预加载。3）服务端性能（HIGH，server-）：用 React.cache() 做请求级去重、LRU 跨请求缓存、减少传给客户端组件的数据、并行化数据获取、用 after() 处理非阻塞操作。4）客户端数据获取（MEDIUM-HIGH，client-）：用 SWR 自动去重请求、去重全局事件监听。5）重渲染优化（MEDIUM，rerender-）：不订阅仅回调使用的状态、昂贵工作抽到 memo 组件、effect 用原始类型依赖、订阅派生布尔值、函数式 setState、惰性初始化 useState、用 startTransition。6）渲染性能（MEDIUM，rendering-）：动画包裹 div 而非 SVG、长列表用 content-visibility、静态 JSX 外提、降低 SVG 精度、水合无闪烁、用 Activity 组件、条件渲染用三元而非 &&。7）JavaScript 性能（LOW-MEDIUM，js-）：批量 DOM/CSS 变更、用 Map 建索引、循环中缓存属性、模块级 Map 缓存结果、缓存 storage 读取、合并多次迭代、先检查数组长度、提前返回、循环外提升 RegExp、用循环求最值、用 Set/Map 做 O(1) 查找、用 toSorted()。8）高级模式（LOW，advanced-）：事件处理器存入 ref、用 useLatest 稳定回调 ref。
使用方式：每条规则对应一个规则文件（如 rules/async-parallel.md），含原因说明、错误与正确代码示例及补充参考；完整展开文档见 AGENTS.md。
限制：资料仅提供规则清单与文件结构，未提供具体安装命令、调用命令、收费与平台信息，暂未提供。