用途：这是一个专门针对 React 应用的性能优化技能，覆盖从构建期优化（代码分割、避免 barrel 文件）到运行时技巧（记忆化、transition、content-visibility），再到诊断工具（React DevTools Profiler、打包分析器）的完整范围。
适用场景：降低可交互时间、缩减包体积、消除重复渲染、分析慢组件、优化长列表、懒加载重型依赖、审计 React 应用性能。不适用于通用 React 组件模式（应使用 react-patterns 技能）、Next.js 缓存等框架专属优化，以及非 React 的性能问题（网络、数据库、CDN）。
主要能力：React Compiler 构建期自动记忆化；React.memo、useMemo、useCallback 的合理使用；React.lazy 与 Suspense 懒加载、悬停/聚焦时预加载；直接导入避免 barrel 文件、延迟加载第三方脚本；startTransition、函数式 setState、派生状态、延迟状态读取；content-visibility: auto、提升静态 JSX；用 DevTools Profiler 与打包分析器定位瓶颈。
常见错误对照：不要给所有内容套 useMemo/useCallback，优先信任 React Compiler；不要记忆化 value * 2 这类廉价运算；避免从 barrel 文件导入；不要把分析/埋点放进初始包；不要订阅连续值做布尔判断；不要在 useCallback 依赖里引用 state，改用函数式 setState；不要用 useEffect 从 props 派生状态；不要每次渲染新建对象字面量作 props；务必在生产构建下做性能分析。
使用方式：可委派 Explore 代理运行 Profiler、分析包组成与重渲染链路；委派 Task 代理实施代码分割、记忆化边界与渲染优化；委派 Plan 代理按影响排序（瀑布 > 包体积 > 重渲染）制定优化路线。若可用 react-patterns 技能，可将通用组件架构与 React 19 API 问题交给它，否则可运行 npx skills add oakoss/agent-skills --skill react-patterns。
限制：资料未提供具体版本要求、安装步骤、收费与效果数据。