用途：该技能是 Vercel 维护的 React/Next.js 应用性能优化指南，适用于编写新组件或页面、实现数据获取（客户端或服务端）、审查性能问题、重构现有代码，以及优化包体积或加载时间时参考。
主要能力：包含 57 条规则、分 8 个类别，并按影响程度标注优先级与前缀。优先级从高到低为：消除瀑布流（CRITICAL，前缀 async-）、包体积优化（CRITICAL，bundle-）、服务端性能（HIGH，server-）、客户端数据获取（MEDIUM-HIGH，client-）、重渲染优化（MEDIUM，rerender-）、渲染性能（MEDIUM，rendering-）、JavaScript 性能（LOW-MEDIUM，js-）、高级模式（LOW，advanced-）。
规则示例：async-parallel 使用 Promise.all() 处理独立操作；bundle-dynamic-imports 对重型组件使用 next/dynamic；server-cache-react 使用 React.cache() 做每请求去重；client-swr-dedup 用 SWR 自动去重请求；rerender-derived-state-no-effect 在渲染期派生状态；rendering-content-visibility 对长列表使用 content-visibility；js-index-maps 为重复查找构建 Map；advanced-use-latest 用 useLatest 获得稳定回调引用等。
使用方式：可阅读各规则文件获取详细说明与代码示例，例如 rules/async-parallel.md、rules/bundle-barrel-imports.md；每个规则文件包含重要性说明、错误代码示例及解释、正确代码示例及解释、额外上下文与参考。完整合辑见 AGENTS.md。
适用场景：编写、审查、重构 React/Next.js 代码，数据获取实现，性能问题排查，包体积与加载时间优化。
限制：资料未提供安装命令、运行方式、依赖环境、收费或价格信息，暂未提供。以上内容仅为规则参考，引用时需结合项目实际情况。