用途:对前端文件进行基于规则的可访问性、交互质量、性能与内容审查,输出按文件分组、file:line 格式的简洁发现项,无前言。
主要能力:使用 rg(ripgrep)进行模式化合规扫描,可选 node 做结构化扫描和报告生成,无需外部 API。覆盖图标按钮缺少 aria-label、图片缺少 alt、输入缺少 label、移除 outline 未替代、transition: all、onPaste preventDefault、禁用缩放、div/span 上绑 click 等反模式,可在脚本中扩展检查项。
使用方式:安装 ripgrep 与 node(Ubuntu/Debian:sudo apt-get install -y ripgrep nodejs npm;macOS:brew install ripgrep node)。先选定文件 glob,例如 FILES="src/**/*.{vue,js,jsx,html,css}",再用 rg -n 或 rg -n -P 执行各条检查;也可用 Node.js 脚本统一运行并输出分组报告,保存为文本或 JSON,再用可选 Vue + Tailwind 页面展示。报告格式为 ## 文件路径 下每行 文件:行号 - 问题描述,无问题输出 ✓ pass。
适用场景:合并前快速合规检查、组件库质量审查、需要高信号精简输出的代码评审。
限制:规则基于正则匹配,可能存在误报或漏报;未命中时可能因 glob 范围不足或正则缺失而误报通过。资料未提供具体版本、性能基准、收费或价格信息。