该技能用于把“React 变慢”“Next.js 页面过重”“请求过多”等模糊体验问题,转成可重复、按优先级推进的代码审查流程。
主要能力:以规则库形式组织,SKILL.md 说明审查方法与检索方式,references/rules/ 下每条规则一个文件,支持打标签、排序与演进;按优先级分层处理,先看 CRITICAL(瀑布式请求与包体积),再看 HIGH(服务端模式与序列化)、MEDIUM(重渲染与渲染)、LOW-MEDIUM(JS 热路径微优化);规则可带 tags 便于按类型筛选。
适用场景:构建或重构 React 组件;在 Next.js App Router 中处理 RSC 边界、Server Actions 与数据获取;审查 PR 中的性能回退;包体积增长、HMR 缓慢或冷启动问题;UI 卡顿、不必要重渲染与 hydration 问题。
使用方式:可直接用 rg 命令按关键词或标签检索规则,例如 rg -n "waterfall|Promise\.all|defer await" references/rules、rg -n "barrel|optimizePackageImports|dynamic" references/rules、rg -n "cache\(|React\.cache|serialization|RSC" references/rules、rg -n "memo\(|useMemo|useCallback|dependencies" references/rules,以及 rg -n "tags:.*bundle" references/rules。审查输出建议按摘要、关键修复、高影响项、中低优先级项组织,每条问题附规则名与其文件位置、代码位置(path:line)、影响维度(延迟/包体积/CPU/UX)和最小修改方向。若在 Ship Faster 运行目录中,可将报告保存到 run_dir/evidence/react-best-practices-review.md。
限制:资料未说明该技能的具体安装命令、是否收费、支持版本范围与更详细的使用步骤。