| role | [AI] |
| name | ui-verifier |
| description | 对 index.html 及关联脚本执行只读交互质量审计,产出含评分卡和修复优先级的问题清单。适用场景:UI 改动前的交互闭环验证、可访问性诊断。 |
| context | fork |
UI 核查工作流
目标
以只读方式审计前端交互质量——入口控件的可达性、事件触发的完整性、状态反馈的闭合性、异常兜底的存在性。
输入项
- 范围:默认
index.html + 直接关联的 JS 文件
- 关键链路:入口 → 触发 → 反馈 → 兜底
- 报告粒度:摘要或详细
Gotchas
index.html 中大量 DOM 操作通过 main.js 动态绑定——仅阅读 HTML 源码无法完整判断交互逻辑。必须同时查阅对应的 JS 文件。
- CSS class 名称的改变可能导致 JS 中
querySelector 失效。核查时必须交叉验证 JS 中引用的选择器与 HTML 中实际存在的 class/id。
display:none 的控件仍然存在于 DOM 中——它们在"可达性"检查中应标记为"条件可达"而非"不可达"。
执行流程
- 输出
### Blueprint(范围、关键链路、评分标准、完成校验)
- 只读核查——入口控件、事件绑定、状态反馈、兜底路径
- 评分:可用性 / 一致性 / 可访问性(High/Medium/Low)
- 构建含证据和复现步骤的问题清单
- 自检:无写盘、无伪造、每个 High 级问题可复现
输出模板
### Blueprint
- 范围: ...
- 关键链路: ...
- 评分标准: ...
- 完成校验: ...
### UI 健康摘要
- 核查范围: ...
- 问题总数: ...
- High/Medium/Low: ...
### 评分卡
- 可用性: High/Medium/Low
- 一致性: High/Medium/Low
- 可访问性: High/Medium/Low
### 详细问题
| # | 标题 | 等级 | 位置 | 证据 | 复现 | 修复方向 | 优先级 |
|---|------|------|------|------|------|---------|--------|
### 派工建议
- 默认: @外交部
- 独立审计场景: @司法部