verify-ui-auto
Installation
SKILL.md
核心流程
1. Figma MCP 截取参考图（get_design_context / get_screenshot）
2. Marionette/Mobile MCP 截取当前 app 图
3. 像素对比（dart CLI 工具 or ImageMagick compare）
4. diff > 阈值 → 列出差异区域 → 修改代码 → hot_reload → 重新截图 → 循环
5. diff < 阈值 → PASS，输出证据
工具选择
| 步骤 | 工具 | 备注 |
|---|---|---|
| Figma 参考图 | mcp__claude_ai_Figma__get_screenshot |
需 fileKey + nodeId |
| App 截图 | mcp__marionette__take_screenshots 或 mcp__mobile-mcp__mobile_save_screenshot |
Marionette 优先 |
| 像素对比 | compare (ImageMagick) 或 Dart image 包 |
输出 diff 百分比 + diff 图 |
| 修改后重验 | mcp__dart__hot_reload → 重新截图 → 重新对比 |
循环直到通过 |