diff --git a/.claude/skills/d8d-dev/visual-diff-mode-pencil.md b/.claude/skills/d8d-dev/visual-diff-mode-pencil.md index de97b0c..85d1be5 100644 --- a/.claude/skills/d8d-dev/visual-diff-mode-pencil.md +++ b/.claude/skills/d8d-dev/visual-diff-mode-pencil.md @@ -12,6 +12,23 @@ --- +## 前置:快速入口检测 + +当用户调用时携带两个图片标记 `[Image #1] [Image #2]`,且两张图片已经在对话中提供时: + +- **约定**:[Image #1] = 实际截图 (`*-actual.png`), [Image #2] = 设计稿 (`*-design.png`) +- 跳过:PVD-0 整个准备阶段(不需要从 .pen 导出,不需要 Playwright 截实际图) +- 直接进入:`Phase PVD-1: 逐页对比循环` 的 **1.C 结构校验 + AI 视觉对比** 后续步骤 +- 同样执行:差异分级 → 门禁检查 → 如需修复进入 AUTO-FIX 循环 → 结果记录 → 汇总报告 + +这样可以复用现有完整的对比、分级、修复逻辑,只跳过图片生成步骤。 + +**语法支持**: +- `/d8d-dev 对比 [Image #1] [Image #2]` → 明确对比 +- `/d8d-dev [Image #1] [Image #2]` → 简洁形式,同样支持 + +--- + ## 前置条件 ```