SuperAPI AI 工具集

react-senior-code-review

前端与建站

查看项目

更新于 10-16 01:50

技能介绍

用途:对单个 React 功能(通常是一个目录)做资深工程师级别的架构评审,只关注架构,不做 lint、测试覆盖或像素级样式检查。

主要能力:按五个维度审查——结构与边界(组合、接缝、组件体积、可读性);状态与数据流(Hooks 规则、派生状态与必要状态、局部性、服务端与客户端状态、effect 误用);性能与渲染(重渲染范围、memo 纪律、Suspense、代码分割);类型、表单、可测试性与无障碍(边界类型、RHF/Zod、测试接缝、语义 HTML、焦点、WCAG);样式与动效(设计令牌、内联样式纪律、合成器线程动画)。输出先给 5–10 行 Feature Map,再按 Critical → Major → Minor → Nit 给出带 file:line、原因和修复方案的问题清单。

使用方式:以 /react-senior-code-review <feature-path> 调用,例如 src/app/free-assessment。未给路径会询问,路径不存在则停止询问。评审开始时读取 references/ 下的规则目录(由 principles.md 索引),不依赖模型记忆。报告后用户可回复问题编号、严重级别或跳过;选定后按文件分组执行真实编辑,并只运行项目已定义的检查(npm run lint/build/test)。

限制:不标记像素样式、颜色、间距、文案、命名偏好、Prettier 可修复格式、测试覆盖率,也不做推测性未来优化;不主动改代码;Critical 最多 5 条、Major 最多 10 条;某维度无问题会单行说明而不凑数。首次调用会输出固定横幅。具体规则内容与严重级别标准以 references/ 文件为准,资料未提供其细节。