用途：该技能用于对 React 与 Next.js 项目做以测量为导向的性能审计，在重构前先把慢页面问题归入正确的类别。核心关注点为请求瀑布、包体积、RSC 或服务端-客户端边界错误、水合与第三方脚本开销、重渲染抖动。
主要能力：规则按优先级分组——消除瀑布（async-，关键）、包体积优化（bundle-，关键）、服务端性能（server-，高）、客户端数据获取（client-，中高）、重渲染优化（rerender-，中）、渲染性能（rendering-，中）、JavaScript 性能（js-，低中）、高级模式（advanced-，低）。示例规则包括 async-parallel 使用 Promise.all、bundle-barrel-imports 避免桶文件导入、bundle-dynamic-imports 使用 next/dynamic、server-cache-react 使用 React.cache()、rerender-functional-setstate、js-set-map-lookups、js-tosorted-immutable 等。
使用方式：先依据 references/perf-triage-modes.md 判定主要瓶颈并归入一个主导类别；再选择最小支撑资料包；优先用 React Profiler、包分析器和 Web Vitals 做测量，再决定是否引入记忆化或缓存；按高影响优先修复。需要完整 45 条规则时才查阅 AGENTS.md。
适用场景：编写新组件或页面、实现数据获取、审查性能问题、重构既有代码、优化包体积与加载时间。
限制：需与状态管理、Web 可访问性、响应式设计、通用性能优化等相邻技能划清边界并转出相应工作；仅当既有流程明确要求时，才升级到兼容别名 vercel-react-best-practices。禁止顺序 await 独立请求、数组原地变更，避免在 React.cache 中使用内联对象。当前版本 1.1.0，最后更新 2026-04-16，支持平台为 Claude、ChatGPT、Gemini，来源 vercel/agent-skills。安装与具体运行命令暂未提供。