SuperAPI AI 工具集

code-review

测试与质量

查看项目

更新于 10-16 04:32

技能介绍

用途:该技能把前端代码审查从人工检查转为系统化分析,聚焦 React/TypeScript/Tailwind 技术栈,适用于用户请求代码审查、反馈、质量或安全检查,以及生成组件后、提交重大改动前的复查。

主要能力:覆盖前端安全(XSS、CSRF、敏感数据暴露、认证问题、硬编码密钥)、React 性能(重渲染、memo 化、包体积、懒加载、useEffect 清理)、代码质量与组件架构(分层、关注点分离、可复用性)、类型安全(TypeScript 使用、运行时校验)、无障碍(WCAG、键盘导航、屏幕阅读器)、响应式设计(移动优先、断点、Tailwind 模式)、SEO 与元信息、测试、状态管理(Zustand/Context、React Query)。

使用方式:先理解上下文(代码类型、审查范围、优先级),再做初步扫描,按严重级别(CRITICAL、HIGH、MEDIUM、LOW)标记问题,最后进行深度分析并输出清单式反馈。资料中给出的示例包括用 DOMPurify 处理 dangerouslySetInnerHTML、用 useMemo/useCallback/memo 优化、用 Zod 做运行时校验、用语义化 HTML 与 ARIA 提升无障碍。

适用场景:React 组件、自定义 Hook、工具函数、API 集成、状态管理与样式代码的审查。

限制:资料未提供安装命令、收费方式、平台支持或具体使用步骤;技能的具体调用方式与集成细节暂未提供。