Design Interactive Preview — 交互式视觉对比

入口/出口

• 入口: 02-design.md 包含 2+ 个 Design Alternatives，且 artifact_type 为 software(有 UI)、visual 或 deck
• 出口: 用户已做出选择，02-design.md 已精炼为选定方向，design-selection.json 已写入
• 指向: 选择完成后回到 design-workflow-design Step 5 进行最终批准
• 前置加载: CANON.md + scripts/design-preview.mjs + references/design-best-practices.md + references/design-inspiration-catalog.md + 项目根 DESIGN.md（如果存在）
• 输出路径: 选择完成后回到 design-workflow-design Step 5 → 最终批准后进入 build-content-writing 或 build-content-layout

何时不使用

• artifact_type 为 document / article（文本产物，视觉对比价值低）
• software 纯后端、纯脚本、纯迁移、纯 CI
• 02-design.md 只有一个设计方向（没有 alternatives）
• Node.js 不可用且 MCP 浏览器工具也不可用（降级到 CLI 文本对比）

Iron Law