<Use_When>
- 任务包含视觉保真度要求(布局、间距、排版、组件样式)
- 你已有一张生成的截图和至少一张参考图像
- 在继续编辑之前,你需要确定性的通过/失败指导 </Use_When>
<Output_Contract> 返回仅 JSON,格式如下:
{
"score": 0,
"verdict": "revise",
"category_match": false,
"differences": ["..."],
"suggestions": ["..."],
"reasoning": "简短解释"
}
规则:
score:整数,范围0-100verdict:简短状态(pass、revise或fail)category_match:当生成的截图与预期的 UI 类别/样式匹配时为truedifferences[]:具体的视觉不匹配项(布局、间距、排版、颜色、层次结构)suggestions[]:与差异相关的可操作的下一次编辑建议reasoning:1-2 句话摘要
<Threshold_And_Loop>
- 目标通过阈值为 90+。
- 如果
score < 90,则继续编辑并在进行任何进一步的视觉审查之前重新运行/oh-my-claudecode:visual-verdict。 - 在下一张截图未达到阈值之前,不要将视觉任务视为完成。 </Threshold_And_Loop>
<Debug_Visualization> 当差异诊断困难时:
- 将
$visual-verdict作为权威决策。 - 使用像素级差异工具(pixel diff / pixelmatch overlay)作为辅助调试手段来定位热点区域。
- 将像素差异热点转化为具体的
differences[]和suggestions[]更新。 </Debug_Visualization>
任务:{{ARGUMENTS}}