用途:audit-ui 是一个面向网页界面的最终检查审计工作流,聚焦具体问题与具体修复方案。适用于用户要求 UI 质量审计、设计 QA、打磨检查或发布前评审,以及需要无障碍、键盘操作、表单可用性、排版或交互检查的场景,也覆盖加载/错误/空状态、响应式与视觉稳定性检查。
主要能力:按优先级分类规则。CRITICAL 级包括无障碍与语义(前缀 a11y-)、键盘与交互(interaction-)、表单与校验(forms-);HIGH 级包括排版与可读性(type-)、导航与反馈(nav-)、布局与韧性(layout-)、性能与视觉稳定性(perf-)、动效与主题行为(motion-);MEDIUM 级为内容与微文案(copy-)。
使用方式:审计时复制并跟踪清单:步骤 1 确定变更范围并选择相关类别;步骤 2 先运行 CRITICAL 检查;步骤 3 对同一范围运行 HIGH/MEDIUM 检查;步骤 4 以 file:line 报告发现并给出具体修复;步骤 5 复查已改动文件并标记通过。默认只审计变更的页面/组件,除非要求全量扫描。动效行为可结合 ui-animation 处理时序、缓动与减少动效细节。修复后需重跑相关规则再定稿。
参考文件:类别映射与影响理由见 rules/_sections.md;规则级指引与示例见 rules/<prefix>-*.md;完整工艺扫描见 craft-checklist.md;排版深度扫描见 typography-checklist.md。示例规则文件包括 rules/a11y-semantic-html-first.md、rules/forms-inline-errors-first-focus.md、rules/perf-image-dimensions-and-priority.md,每个规则文件包含规则重要性、错误示例与正确示例。
输出约定:按文件分组报告,格式为“## UI Audit Findings”,每条标注优先级与规则名,说明问题并给出具体修复,如为图标按钮补充 aria-label;无问题的文件标记为 ✓ pass。
限制:资料未提供安装命令、收费方式、支持平台或与其他工具的集成细节。