用途：该技能提供 Vercel 维护的 React 与 Next.js 性能优化指南，适用于编写新组件或页面、实现数据获取、审查性能问题、重构现有代码以及优化打包体积与加载时间。
主要能力：包含 62 条规则，按影响优先级分为 8 类。1 消除瀑布流（关键，async- 前缀）：如 async-defer-await、async-parallel、async-dependencies、async-api-routes、async-suspense-boundaries。2 打包体积优化（关键，bundle-）：如直接导入避免 barrel 文件、next/dynamic、延迟第三方脚本、条件加载、预加载。3 服务端性能（高，server-）：如服务端操作鉴权、React.cache() 请求去重、LRU 跨请求缓存、减少 RSC 序列化、并行获取、after() 非阻塞。4 客户端数据获取（中高，client-）：如 SWR 去重、事件监听去重、passive 监听、localStorage 版本化。5 重渲染优化（中，rerender-）：如延迟读取、memo、原始依赖、派生状态、函数式 setState、惰性初始化、startTransition、ref 存瞬态值、避免内联组件。6 渲染性能（中，rendering-）：如动画包裹层、content-visibility、提升静态 JSX、SVG 精度、水合无闪烁、条件渲染用三元、useTransition 加载态、资源提示、脚本 defer/async。7 JavaScript 性能（低中，js-）：如批量 DOM/CSS、索引 Map、缓存属性访问与函数结果、合并迭代、提前返回、提升正则、Set/Map 查找、toSorted、flatMap。8 高级模式（低，advanced-）：如事件处理器存 ref、单次初始化、useLatest。
使用方式：查阅各规则文件获取详细说明与代码示例，例如 rules/async-parallel.md、rules/bundle-barrel-imports.md；每个规则文件包含原因说明、错误示例、正确示例及补充参考。完整指南见 AGENTS.md。
限制：资料未提供安装命令、收费方式、平台支持范围及具体效果数据，暂未提供。