对现有页面做视觉审计
只处理页面视觉问题，把截图或现有实现拆成可定位、可修复的审计项。
使用判断
适用场景
已有页面需要重设计或验收，希望把“看起来不对”转成开发可执行的问题清单时使用。
预期结果
得到按优先级排列、带位置和验收证据的视觉问题清单，而不是泛泛的审美意见。
Prompt 快速复制
请审计页面 {{page}} 的截图或实现：{{reference}}
项目设计规范：{{design_rules}}
只输出按优先级排序的视觉问题：
| 优先级 | 位置 | 现象 | 违反的规则 | 具体修复 | 验收证据 |
检查：
- 信息层级、标题与正文宽度、垂直节奏和对齐。
- 容器、边框、圆角、阴影、颜色 token 和图标的一致性。
- 交互态、焦点态、空态、错误态和移动端布局。
- 是否存在重复 CTA、无意义卡片套卡片或装饰性元素。
禁止：只给审美形容词；每条问题必须指向具体位置和可观察修复。使用说明
最好同时提供截图、页面路径和相关 CSS/组件；缺少证据的判断必须标记为待确认。