用途：诊断并修复 React Web UI 的性能问题，覆盖加载速度、渲染、动画、图片和打包体积，适用于用户提到 slow、laggy、janky 等场景。
主要能力：测量 Core Web Vitals（LCP、FID/INP、CLS）、加载时间、交互延迟、包体积、运行时帧率与内存、网络请求；定位瓶颈并给出优化策略。加载侧包括图片现代格式（WebP、AVIF）、响应式 srcset、懒加载、字体子集与 font-display、代码分割、Tailwind 输出精简；渲染侧包括避免布局抖动、批量读写、content-visibility、虚拟滚动（架构未定时优先 TanStack Virtual）；动画侧强调 transform/opacity 与 60fps；React 侧建议先剖析再决定 memo/useMemo/useCallback。
使用方式：先按 frontend-design 的 Context Gathering Protocol 收集上下文，并补充目标设备、性能约束和哪些交互感觉慢；测量前后对比，按最大瓶颈优先优化。涉及图片、文本布局预测、Core Web Vitals 细分时可参考对应子技能。
限制：强调先测量再优化，不得为性能牺牲可访问性或破坏功能；避免全局 will-change、懒加载首屏内容；需在真实设备与真实网络条件下验证。具体安装命令与价格信息暂未提供。