用途：该技能用于审查 TSX 文件中的 React 代码质量，在编辑多个 TSX 组件后触发，运行一份精简的质量检查清单。其规则内容来自 Vercel 维护的 React 与 Next.js 性能优化指南，共 64 条规则，分为 8 个类别，并按影响程度排定优先级，用于指导自动重构与代码生成。
适用时机：编写新的 React 组件或 Next.js 页面、实现数据获取（客户端或服务端）、审查代码性能问题、重构既有 React/Next.js 代码、优化打包体积或加载时间时参考这些规则。
规则类别与优先级：1. 消除瀑布流（CRITICAL，前缀 async-）；2. 打包体积优化（CRITICAL，bundle-）；3. 服务端性能（HIGH，server-）；4. 客户端数据获取（MEDIUM-HIGH，client-）；5. 重渲染优化（MEDIUM，rerender-）；6. 渲染性能（MEDIUM，rendering-）；7. JavaScript 性能（LOW-MEDIUM，js-）；8. 高级模式（LOW，advanced-）。
主要能力示例：async-parallel 使用 Promise.all() 处理独立操作；bundle-barrel-imports 直接导入、避免 barrel 文件；server-cache-react 使用 React.cache() 做每请求去重；client-swr-dedup 用 SWR 自动去重请求；rerender-memo 将昂贵计算提取到记忆化组件；rendering-content-visibility 对长列表使用 content-visibility；js-set-map-lookups 用 Set/Map 实现 O(1) 查找；advanced-use-latest 用 useLatest 获得稳定回调引用。
使用方式：阅读各规则文件获取详细说明与代码示例，例如 rules/async-parallel.md、rules/bundle-barrel-imports.md。每个规则文件包含：为何重要的简要说明、带解释的错误代码示例、带解释的正确代码示例，以及额外背景与参考。完整指南见 AGENTS.md。
限制：资料未提供该技能的安装命令、收费方式、支持平台及具体触发配置，暂未提供。