用途：该技能面向 AI 代理和 LLM，用于编写、重构与审查 React 代码，重点处理性能优化与最佳实践。
主要能力：覆盖重渲染优化（延迟状态读取、提取记忆化组件、收窄 effect 依赖、订阅派生状态、函数式 setState、惰性状态初始化、transition 处理非紧急更新、计算派生状态、避免简单表达式使用 useMemo、提取默认参数值、在事件处理器中放交互逻辑、用 useRef 存临时值）；渲染性能（SVG 动画包装、CSS content-visibility、提升静态 JSX、优化 SVG 精度、防止水合不匹配、Activity 组件显隐、提升正则创建、用 useTransition 替代手动 loading）；高级模式（用 ref 存事件处理器、useLatest 稳定回调、缓存重复函数调用、应用只初始化一次）；以及命名导入、不再使用 forwardRef 等。
使用方式：采用渐进式披露结构以减少上下文占用。先读 AGENTS.md 获取全部规则的一句话概览，再按需加载对应参考文件；每个文件含错误示例、正确示例与原因说明。scripts/ 目录提供检测反模式的辅助脚本。
适用场景：新写组件或 Hook、重构、优化重渲染与列表渲染、修复内存泄漏、排查 SSR/SSG 水合不匹配、修复过期闭包与无限重渲染、代码审查、React 19 迁移。
限制与注意：不适用于与 React 无关的 JavaScript/TypeScript 问题、构建配置（除非 React 特定）、样式（除非与 React 性能相关）、后端 API 和测试配置。文中提示 React Compiler 会自动处理 memo、useMemo、useCallback 与静态 JSX 提升等手动优化，使用前应先确认项目是否启用；若启用可跳过手动记忆化，但仍需应用状态、effect 与 CSS 优化。其他如具体安装命令、收费、价格等暂未提供。