用途：该技能提供 React 与 Next.js 应用的性能优化指南，由 Vercel 维护，包含 8 个类别、58 条规则，按影响程度排序，用于指导自动化重构和代码生成。
适用时机：编写新的 React 组件或 Next.js 页面、实现数据获取（客户端或服务端）、审查代码性能问题、重构现有 React/Next.js 代码、优化打包体积或加载时间。
规则类别与优先级：1. 消除瀑布流（CRITICAL，前缀 async-）；2. 打包体积优化（CRITICAL，bundle-）；3. 服务端性能（HIGH，server-）；4. 客户端数据获取（MEDIUM-HIGH，client-）；5. 重渲染优化（MEDIUM，rerender-）；6. 渲染性能（MEDIUM，rendering-）；7. JavaScript 性能（LOW-MEDIUM，js-）；8. 高级模式（LOW，advanced-）。另有 React 模式（PROJECT）：no-use-effect，要求不直接调用 useEffect，改用派生状态、事件处理器或 useMountEffect。
使用方式：阅读各规则文件获取详细说明与代码示例，例如 rules/async-parallel.md、rules/bundle-barrel-imports.md。每个规则文件包含：为何重要的简要说明、错误代码示例及解释、正确代码示例及解释、额外上下文与参考。完整编译文档见 AGENTS.md。
限制：资料未提供安装命令、收费方式、平台支持范围或具体效果数据，暂未提供。