用途：该技能是 Vercel React 性能指导的自包含提炼，可在 Spellbook 中直接安装使用。适用于构建或重构 React 组件、提升 Next.js 性能、减小打包体积、消除数据获取瀑布、修复昂贵重渲染，以及审查前端性能问题。
主要能力：按优先级组织检查顺序——1 瀑布（提前启动异步、延后 await、并行独立请求）；2 打包体积（避免 barrel 导入、延迟重代码、按功能拆分）；3 服务端性能（去重、减少序列化、优先服务端执行）；4 客户端数据获取（去重请求、避免冗余监听与客户端抖动）；5 重渲染（减少订阅、稳定依赖、迁移昂贵计算）；6 渲染（避免 hydration 闪烁、降低 DOM/SVG 成本、优化长列表）；7 JavaScript 热路径（缓存重复查找、合并迭代、提前返回）；8 高级模式（稳定 ref 与回调模式）。
硬性规则：优先消除瀑布，独立请求并行、无真实依赖不串行，API 路由与服务器组件中提前创建 Promise 并尽量延后 await，必要时用 Suspense 边界；保护打包体积，热路径用直接导入，重或低频组件用动态导入，分析/日志等推迟到 hydration 之后；尽可能将数据获取与重转换放服务端，减少传入客户端组件的数据，可缓存重复工作；仅在需要时订阅状态，使用原始类型 effect 依赖，用函数式 setState 去除不稳定依赖，惰性初始化昂贵状态，用 startTransition 处理非紧急更新；长列表用虚拟化或 content-visibility，避免直接动画重 SVG，提升静态 JSX，条件渲染用显式三元；用 Map/Set 处理重复成员检查，缓存循环内重复属性访问，合并相邻 filter/map，提前返回。
输出期望：先定位影响最大的类别，解释当前模式代价，提出最小有效改动，并给出打包 diff、profiler 或渲染次数等具体验证思路。限制：具体命令、安装方式与收费信息暂未提供。