用途：该技能是一份面向 React 与 Next.js 应用的性能优化指南，适用于编写新组件或页面、实现数据获取、审查性能问题、重构既有代码以及优化打包体积与加载时间。
主要能力：包含 8 个类别、40+ 条规则，并按影响程度排序：消除瀑布请求（关键）、打包体积优化（关键）、服务端性能（高）、客户端数据获取（中高）、重渲染优化（中）、渲染性能（中）、JavaScript 性能（低中）、高级模式（低）。关键模式包括：延迟 await 至需要时、用 Promise.all() 并行独立异步操作、提前启动 Promise 并延后 await、用 Suspense 边界流式输出；避免 barrel 文件导入、用 next/dynamic 加载重型组件、按用户意图预加载。服务端模式包括 React.cache() 请求内去重、LRU 跨请求缓存、减少 RSC 边界序列化。客户端模式包括 SWR 自动去重、延迟状态读取、惰性状态初始化、startTransition。渲染与 JS 模式包括动画 SVG 包装层、content-visibility: auto、显式条件渲染、批量 DOM 样式变更、索引映射、toSorted() 等。
使用方式：技能文档与参考均本地包含，无需网络访问。完整文档见 references/react-performance-guidelines.md，单条规则位于 references/rules/ 目录，可按类别前缀（async-、bundle-、server-、client-、rerender-、rendering-、js-、advanced-）查找，也可用 grep 检索，例如：grep -l "suspense" references/rules/。
适用场景：React/Next.js 项目的性能审查、重构与代码生成。
限制：该技能源自 vercel-labs/agent-skills 的分支；资料未提供具体收费、价格、平台支持范围或量化效果数据。