<Use_When>
- 任務包含視覺保真度要求(版面、間距、字體排版、元件樣式)
- 你已有一張生成的截圖以及至少一張參考圖像
- 你需要在繼續編輯之前取得確定性的通過/失敗指引 </Use_When>
<Output_Contract> 回傳 僅 JSON,格式如下:
{
"score": 0,
"verdict": "revise",
"category_match": false,
"differences": ["..."],
"suggestions": ["..."],
"reasoning": "short explanation"
}
規則:
score:整數 0-100verdict:簡短狀態(pass、revise或fail)category_match:當生成的截圖符合預期的 UI 類別/樣式時為truedifferences[]:具體的視覺差異(版面、間距、字體排版、顏色、層級)suggestions[]:可操作的下一步編輯建議,與差異相關聯reasoning:1-2 句摘要說明 </Output_Contract>
<Threshold_And_Loop>
- 目標通過門檻為 90+。
- 如果
score < 90,請繼續編輯,並在進行任何進一步的視覺審查之前重新執行/oh-my-claudecode:visual-verdict。 - 不要 將視覺任務視為完成,直到下一張截圖通過門檻為止。 </Threshold_And_Loop>
<Debug_Visualization> 當差異診斷困難時:
- 以
$visual-verdict作為權威決策。 - 使用像素級差異工具(像素差異 / pixelmatch 疊加)作為次要除錯輔助,以定位熱點區域。
- 將像素差異熱點轉換為具體的
differences[]和suggestions[]更新。 </Debug_Visualization>
任務:{{ARGUMENTS}}