SuperAPI AI 工具集

frontend-code-review

编程与开发

查看项目

更新于 10-15 20:05

技能介绍

用途:对前端代码进行全面审查,适用于代码审查、Pull Request 评审、性能审计与安全检查,支持 React、Vue、Angular 和原生 JavaScript/TypeScript 项目。

主要能力:先识别项目类型、代码规模与明显语法/格式/导入问题,再按多维度系统审查。代码质量方面检查命名、重复代码、单一职责与文件组织;功能实现方面验证业务逻辑、边界与错误处理、异步处理、加载与错误状态;性能方面识别不必要重渲染、列表 key、打包体积、图片优化与网络请求效率;安全方面检测 XSS、输入校验、敏感数据、CSRF 与依赖风险;可访问性方面检查语义化 HTML、ARIA、键盘导航、颜色对比度与 alt/label;框架特定方面涵盖 React Hook 与状态管理、Vue 3 Composition API 的 ref/reactive、computed/watch、组件通信与组合函数、TypeScript 类型与 any 使用,以及浏览器兼容与响应式实现。

使用方式:按四步流程执行——识别项目类型和范围、多维度系统审查、生成结构化报告、积极认可优秀实践。报告包含文件路径、优秀实践、问题表格(类别/描述/建议/严重程度)、代码评分与等级、改进建议;等级从 S 到 F,严重程度分高/中/低。审查深度可依据代码规模、上下文与时间限制调整,时间紧张时按安全 > 性能 > 规范 > 风格排序。详细检查清单与工具推荐见 references/checklist.md。

限制:资料未提供具体安装命令、运行环境、依赖要求、收费方式或平台支持信息,暂未提供;实际审查深度与输出格式可能随具体技能实现而不同,需以该技能文档为准。