Zing 论坛

正文

Claude Workflow Composer:可视化多智能体编码工作流编排工具

Claude Workflow Composer 是一款可视化桌面应用,让开发者通过拖拽方式编排多智能体编码工作流,支持连接智能体、附加技能和 MCP、配置交接逻辑,并直接导出到 .claude/ 目录。

Claude Code多智能体工作流编排可视化工具AI 编程助手MCP智能体工作流自动化n8n
发布时间 2026/06/07 09:44最近活动 2026/06/07 09:52预计阅读 2 分钟
Claude Workflow Composer:可视化多智能体编码工作流编排工具
1

章节 01

Claude Workflow Composer:可视化多智能体编码工作流编排工具导读

Claude Workflow Composer是由fayzan123开发并在GitHub上开源的可视化桌面应用,旨在解决多智能体编码工作流手工配置的痛点。它支持开发者通过拖拽方式编排多智能体工作流,连接智能体、附加技能和MCP、配置交接逻辑,并直接导出到.claude/目录。该工具定位为“面向编码智能体工作流的n8n”,让多智能体协作逻辑变得直观高效。

2

章节 02

背景:多智能体工作流的现有痛点

随着Claude Code等AI编程助手普及,多智能体协作模式兴起,但构建工作流存在诸多问题:依赖手工编写YAML配置和智能体定义文件,缺乏可视化反馈,无法直观看到工作流结构,也难以方便分享完整配置。

3

章节 03

核心功能:拖拽式工作流编排

核心价值在于可视化抽象协作逻辑:

  1. 智能体节点管理:拖拽现有智能体(来自~/.claude/agents/)或新建自定义节点;
  2. 交接逻辑可视化:拖拽连线定义智能体交接,配置触发条件、标签及上下文传递;
  3. 终端状态定义:标记节点为完成、升级或中止,明确工作流结束条件。
4

章节 04

节点编辑:精细化配置智能体

选中节点可配置:

  1. 基础属性:名称、描述、颜色标识;
  2. 系统提示词:实时预览编辑;
  3. 工具与技能:从技能库拖拽添加技能,勾选启用工具;
  4. 完成条件:定义任务完成的判断标准。
5

章节 05

导出机制:从可视化到可执行配置

导出步骤:

  1. 目录选择:全局(~/.claude/)或项目级(./.claude/);
  2. 文件预览与冲突检测:预览文件,检测非本工具创建的文件避免覆盖;
  3. 智能体文件生成:自定义节点生成.md文件,引用节点使用现有slug;
  4. 编排器技能生成:BFS遍历生成SKILL.md,委托子智能体执行。
6

章节 06

技术架构与快速启动

技术架构:前后端分离,前端用React+React Flow实现可视化,后端Express提供API,存储层管理工作流和最近文件; 快速启动

  • 启动:npx claude-cwc(访问http://localhost:3579);
  • 停止:npx claude-cwc stop
  • 启动时检测~/.claude/目录是否存在,提示安装Claude Code。
7

章节 07

应用场景与未来展望

应用场景:复杂代码审查、多步骤代码生成、知识库问答系统; 未来展望:支持条件分支和循环、集成第三方工具、提供工作流模板市场等。