Anthropic于2026年4月17日发布了Claude Design，这是一款用于生成原型、幻灯片和营销材料的对话式工具，其工作流程包括设计系统导入、迭代优化循环，最终还能输出Claude Code交付包。
仅仅三天后，我们便推出了open-claude-design——一个将Claude Design功能复刻为Atomic内置工作流的开源实现。该复刻版通过五阶段确定性流程，将相同的核心流程移植到Claude Agent SDK、Copilot CLI和opencode这三款不同的AI编码代理中，每个代理提供商仅需大约500行TypeScript编排代码。完整的源代码可在src/sdk/workflows/builtin/open-claude-design路径下找到。
值得强调的是，我们并非重建了Claude Code的全部功能，而是在其外部构建了一个“薄封装”（thin harness）。理解这一区别，是此项目和本文的核心要点。
核心工作流解析
尽管Claude Design的用户体验是对话式的，但其底层逻辑是一个结构化的流程管道。我们通过分析官方发布内容和合作伙伴的反馈（例如“从20多个提示缩减到2个提示”），逆向工程出了其核心的阶段性骨架流程。
该管道流程包含以下五个阶段：
- 阶段1：设计系统导入 (Design System Onboarding)：并行无头（headless）的扇出处理，结合人工审查（HIL）批准。
- 阶段2：数据捕获 (Import)：通过URL、文件或代码库捕获信息，该过程同样是无头的。
- 阶段3：初步生成 (Generation)：生成首版设计，结果对用户可见。
- 阶段4：精炼循环 (Refinement Loop)：进行最多五次迭代，结合人工审查和并行批评机制。此循环会根据批准或“交付”信号，要么返回自身进行再次优化，要么进入下一阶段。
- 阶段5：导出与交付 (Export + Handoff)：最终输出结果，兼容Claude Code、Copilot CLI或opencode。
无头阶段（如阶段1和阶段2）在Claude提供商环境下，会利用Sonnet模型执行，并启用bypassPermissions以优化成本和速度。Agent SDK允许我们为每个阶段绑定特定模型。然而，Copilot CLI和opencode提供商并未暴露此配置接口，因此它们的无头阶段会沿用用户调用工作流时指定的编排模型。所有提供商中，可见阶段（如阶段3和阶段4）均继承Opus编排模型，并将结果展示给用户。精炼循环是一个有人工干预（Human-in-the-Loop, HIL）的有限循环，当检测到“approved”、“ship it”或“done”等完成信号短语时，循环将提前退出。
在阶段4中，精炼质量的关键在于结合使用两种工具：一是卓越的技能集，负责驱动创意层面（包括品味、层级结构和独特的审美，而非通用的AI默认效果）；二是利用Playwright CLI捕获渲染输出的屏幕截图，以便批评子代理能够检查实际交付的内容，而非模型“认为”交付的内容。这种视觉层面的反馈结合结构化的批评，弥补了纯文本精炼可能留下的空白，确保了代理能够“看见”并纠正自己的错误，而非仅仅“幻觉”性地以为已经修正。工作流源代码中详细描述了完整的拓扑结构，包括阶段1中三个并行代码库分析子代理，以及阶段4中并行批评与截图验证机制。
工作流SDK是核心秘诀
实现这一切的关键，正是底层的工作流SDK。以下是针对Claude提供商，阶段1并行扇出处理的精简版本代码示例（原文省略了具体代码）。
