用途：这是一套面向 React 与 Next.js 应用的性能优化指南，由 Vercel 维护，包含跨 8 个类别的 70 条规则，按影响程度排优先级，用于指导自动化重构与代码生成。适用于编写新组件或页面、实现数据获取、审查性能问题、重构现有代码、优化打包体积与加载时间等场景。
主要能力（按优先级）：1. 消除瀑布流（关键，async- 前缀），如 await 前先判断廉价同步条件、将 await 移入实际分支、用 Promise.all() 并行独立操作、在 API 路由中早启动晚 await、用 Suspense 流式输出；2. 打包体积优化（关键，bundle-），如避免 barrel 文件直接导入、使用可静态分析的路径、用 next/dynamic 加载重型组件、水合后再加载第三方脚本、按需加载模块、悬停预加载；3. 服务端性能（高，server-），如对 Server Actions 做鉴权、用 React.cache() 做请求内去重、LRU 跨请求缓存、减少传向客户端组件的数据、并行化取数、用 after() 处理非阻塞操作；4. 客户端数据获取（中高，client-），如用 SWR 自动去重、去重全局事件监听、滚动用 passive 监听、为 localStorage 数据加版本；5. 重渲染优化（中，rerender-），如 memo 拆分昂贵计算、用原始值依赖、派生状态、函数式 setState、惰性初始化、用 startTransition 与 useDeferredValue 等；6. 渲染性能（中，rendering-），如动画用 div 包裹、长列表用 content-visibility、提升静态 JSX、降低 SVG 精度、用资源提示预加载等；7. JavaScript 性能（低中，js-），如批量 DOM/CSS 变更、构建 Map 查表、缓存属性与函数结果、合并迭代、提前返回、提升正则、用 Set/Map 做 O(1) 查找等；8. 高级模式（低，advanced-），如事件处理器存 refs、只在应用加载时初始化一次等。
使用方式：每条规则有独立文件（如 rules/async-parallel.md、rules/bundle-barrel-imports.md），内含原因说明、错误代码示例、正确代码示例及补充参考；完整汇总见 AGENTS.md。
限制：资料未说明安装命令、收费、价格、平台与效果数据，均暂未提供。本技能基于 Vercel 的开源工作改编。