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