SuperAPI AI 工具集

frontend-code-review

编程与开发

查看项目

更新于 10-15 21:42

技能介绍

用途:在需要审查前端代码(React、Next.js、TypeScript)时使用,提供标准化的审查清单与流程。支持两种模式:待提交变更审查(审查 git diff 或已暂存文件)和指定文件审查(审查特定已有文件)。

流程:先扫描代码,识别架构模式、hooks 使用和组件结构;再套用审查清单逐项检查;最后按规定的输出格式报告发现。

清单覆盖四类:一、代码质量与风格,包括命名是否有描述性、是否避免 any 且接口定义清晰、魔法数字或字符串是否提取为常量、props 解构是否一致;二、React 与 Next.js 最佳实践,包括 hooks 依赖数组与规则、'use client' 是否仅在必要时使用、useMemo/useCallback 是否恰当而非过早使用、列表 key 是否稳定唯一;三、性能,包括大库是否整包导入而本可 tree-shaking、是否用 next/image 并设置合适尺寸、是否存在明显不必要的重渲染;四、无障碍,包括是否在应使用 button、section 处误用 div、图片是否有 alt、输入是否有 label。

输出格式要求:以“# Code Review”开头,先列出“Found <N> urgent issues”,每条含标题、文件与行号、示意代码片段、原因与修复建议;随后列出“Found suggestions”,标注为 Refactor/Style 等并附文件与行号。

限制:本资料未提供安装命令、定价、平台支持或具体使用示例等细节,暂未提供。