用途:系统化审查前端代码,从代码质量、性能、无障碍、安全、CSS 样式和测试覆盖等维度发现问题,并给出可执行的改进建议。
主要能力:按工作流分步执行。先做初始评估,收集框架与版本、构建工具、目标浏览器、无障碍要求(WCAG 级别)和性能目标(Core Web Vitals)等上下文,并界定审查范围。随后依次进行代码质量分析(组件架构、类型安全、状态管理、错误处理、重复代码)、性能审查(渲染优化、资源加载、包体积与代码分割、LCP/FID/CLS 指标、内存泄漏)、无障碍评估(语义 HTML、ARIA、键盘导航、屏幕阅读器支持、颜色对比度)、安全审查(XSS、CSRF、令牌处理、敏感数据暴露、依赖漏洞、CSP、HTTPS、安全 Cookie)、CSS/样式审查(方法论、响应式、设计令牌、优先级管理、未使用 CSS)以及测试覆盖评估(单元、集成、E2E、无障碍自动化测试)。最后生成结构化报告,包含执行摘要、按严重级别(Critical/Major/Minor)分类的详细发现,以及带文件/行号引用的优先行动项。
使用方式:按审查时机选择流程,包括提交前自动 lint 与格式化、PR 前自审、PR 同行审查、部署前最终质量门禁。需要详细指导时加载参考文件:references/code-quality-checklist.md、references/performance-checklist.md、references/accessibility-checklist.md、references/security-checklist.md、references/report-templates.md。
适用场景:前端项目代码审查、PR 评审、部署前质量检查,以及需要同时覆盖质量、性能、无障碍与安全的团队流程。
限制:资料未提供具体安装命令、收费方式、平台支持或实际效果数据;参考文件的具体内容与行数仅按资料所述,未提供可验证的额外细节。