SuperAPI AI 工具集

react-code-reviewer

前端与建站

查看项目

更新于 10-16 00:06

技能介绍

用途:在 quality-reviewer 审查 React 19 TypeScript 代码时调用,提供一套代码审查准则,帮助按类别检查组件与实现质量。

主要能力:覆盖组件架构(Server/Client 组件划分、组件结构与职责)、TypeScript 类型安全与命名、状态管理(useState/useReducer/Context/Zustand/React Query 的适用场景)、副作用(useEffect 依赖与清理、避免渲染期副作用)、渲染性能(避免过度优化与遗漏优化、减少重渲染)、错误处理(加载/错误/成功状态、错误边界、重试)、无障碍(键盘支持、alt 文本、对比度、ARIA、标题层级、焦点管理)、样式(Tailwind 与 CSS Modules 的常见问题)、数据获取(React Query 查询键、mutation、失效;Server Components 直接取数与 Suspense)、测试(覆盖用户交互、加载与错误状态、按角色/标签查询)、安全(innerHTML 净化、输入校验、密钥不暴露于客户端)以及代码可读性与一致性。

使用方式:资料未提供具体安装命令或调用命令,仅说明在 quality-reviewer 审查 React 19 TypeScript 代码时调用。审查按清单进行,并给出严重级别划分:Critical(安全漏洞、阻断性无障碍问题、可能数据丢失)、Major(类型安全违规、性能问题、缺少错误处理)、Minor(风格不一致、缺少注释、次要优化机会)。

适用场景:React 19 + TypeScript 项目的人工或自动化代码审查,尤其关注 Server/Client 组件边界、Hook 依赖、性能与无障碍。

限制:资料未提供价格、平台支持范围、安装步骤或效果保证;具体项目约定需参考项目自身的 CLAUDE.md。