用途
本技能是 Vercel Engineering 维护的 React 与 Next.js 性能优化指南，用于在编写、审查或重构 React/Next.js 代码时提供最佳实践参考，指导自动化重构和代码生成。
主要能力
该技能包含 70 条规则，分为 8 个类别，并按影响程度划分优先级：
- 消除瀑布请求（关键，前缀 async-）：如 async-parallel 使用 Promise.all() 处理独立操作、async-defer-await 将 await 移入实际使用的分支、async-suspense-boundaries 使用 Suspense 流式传输内容等。
- 包体积优化（关键，前缀 bundle-）：如 bundle-barrel-imports 直接导入避免桶文件、bundle-dynamic-imports 对重型组件使用 next/dynamic、bundle-defer-third-party 在水合后加载分析/日志等。
- 服务端性能（高，前缀 server-）：如 server-cache-react 使用 React.cache() 做每请求去重、server-cache-lru 使用 LRU 缓存做跨请求缓存、server-serialization 最小化传给客户端组件的数据等。
- 客户端数据获取（中高，前缀 client-）：如 client-swr-dedup 使用 SWR 自动去重请求、client-passive-event-listeners 对滚动使用被动监听器等。
- 重渲染优化（中，前缀 rerender-）：如 rerender-memo 将昂贵计算提取到记忆化组件、rerender-transitions 使用 startTransition 处理非紧急更新、rerender-no-inline-components 不在组件内定义组件等。
- 渲染性能（中，前缀 rendering-）：如 rendering-content-visibility 对长列表使用 content-visibility、rendering-hoist-jsx 将静态 JSX 提取到组件外、rendering-conditional-render 使用三元而非 && 做条件渲染等。
- JavaScript 性能（低中，前缀 js-）：如 js-index-maps 为重复查找构建 Map、js-set-map-lookups 使用 Set/Map 实现 O(1) 查找、js-early-exit 函数提前返回等。
- 高级模式（低，前缀 advanced-）：如 advanced-event-handler-refs 将事件处理器存入 ref、advanced-init-once 每次应用加载仅初始化一次等。
使用方式
在以下场景参考这些指南：编写新的 React 组件或 Next.js 页面；实现数据获取（客户端或服务端）；审查代码中的性能问题；重构现有 React/Next.js 代码；优化包体积或加载时间。
可阅读各规则文件获取详细说明和代码示例，例如 rules/async-parallel.md、rules/bundle-barrel-imports.md。每个规则文件包含：为何重要的简要说明、带解释的错误代码示例、带解释的正确代码示例、额外上下文与参考。完整指南见 references/compiled.md。
适用场景
适用于 React 与 Next.js 应用的性能优化工作，包括新代码编写、代码审查、重构、数据获取实现以及包体积与加载时间优化。
限制
资料未提供该技能的安装命令、收费信息、支持平台或具体使用步骤，这些内容暂未提供。