sync: d8d-dev 增加 Pencil MCP 直接对比模式 + 旅程验证动态状态对比 #18

d8dfun · 2026-04-10T20:11:22+08:00

d8dfun commented

2026-04-10 20:11:22 +08:00

变更内容

新增文件

visual-diff-mode-pencil.md：Pencil MCP 直接从 .pen 文件导出设计截图进行对比，100% 设计稿保真度

更新文件

visual-diff-mode.md：支持双模式选择（Pencil MCP / HTML 原型），自动检测 .pen 文件
workflow.md：新增原型对比子模式表格 + --pencil/--html 参数支持
journey-mode.md：视觉验证关卡增加原型/Pencil 动态状态对比验证（弹窗/hover/选中/加载中等操作时才出现的视觉状态）

测试

在新项目中运行 /d8d-dev visual-diff --pencil 验证 Pencil MCP 模式
运行旅程验证确认动态状态对比正常触发

## 变更内容 ### 新增文件 - `visual-diff-mode-pencil.md`：Pencil MCP 直接从 .pen 文件导出设计截图进行对比，100% 设计稿保真度 ### 更新文件 - `visual-diff-mode.md`：支持双模式选择（Pencil MCP / HTML 原型），自动检测 .pen 文件 - `workflow.md`：新增原型对比子模式表格 + `--pencil`/`--html` 参数支持 - `journey-mode.md`：视觉验证关卡增加原型/Pencil 动态状态对比验证（弹窗/hover/选中/加载中等操作时才出现的视觉状态） ## 测试 - [ ] 在新项目中运行 `/d8d-dev visual-diff --pencil` 验证 Pencil MCP 模式 - [ ] 运行旅程验证确认动态状态对比正常触发

d8dfun added 1 commit 2026-04-10 20:11:23 +08:00

sync: d8d-dev 增加 Pencil MCP 直接对比模式 + 旅程验证动态状态对比 ba912eeb3e

- 新增 visual-diff-mode-pencil.md：Pencil MCP 直接从 .pen 文件导出设计截图对比
- 更新 visual-diff-mode.md：支持双模式选择（Pencil MCP / HTML 原型）
- 更新 workflow.md：新增原型对比子模式表格 + --pencil/--html 参数支持
- 更新 journey-mode.md：视觉验证关卡增加原型/Pencil 动态状态对比验证

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

d8dfun merged commit e10fd0e8b0 into master

2026-04-10 20:17:54 +08:00

d8dfun deleted branch sync/d8d-skills-20260410-121027

2026-04-10 20:17:55 +08:00

d8dfun referenced this issue from a commit

2026-04-10 20:17:55 +08:00

Merge pull request 'sync: d8d-dev 增加 Pencil MCP 直接对比模式 + 旅程验证动态状态对比' (#18) from sync/d8d-skills-20260410-121027 into master

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: d8dfun/bmad-method-template#18