GitHub星标2300+！Claude Code可视化工作流编辑器：拖拽式AI自动化开发新利器

2026年1月10日下午2:50 • 开源项目 • 阅读 83

ClaudeCode Workflow Studio 是一个专为 Claude Code 设计的可视化工作流编辑器。

如果你是 Claude Code 或 VS Code 的重度用户，这个工具值得一试。目前，该项目在 GitHub 上已获得超过 2000 个 Star。

通过这个开源项目，你可以使用「拖拽节点」的方式，像绘制流程图一样来设计 Claude Code 的自动化任务、技能（Skills）以及复杂的 Agent 逻辑，从而摆脱手动编写复杂代码或配置文件的繁琐。

除了需要联网的 MCP 工具外，该插件的所有编辑和生成逻辑均在本地 VS Code 环境中运行，确保你的隐私配置不会上传至云端。此外，界面会根据你的 VS Code 语言设置自动切换，并支持中文。

插件左侧提供了多种功能节点，例如提示词、子智能体、人工确认、条件判断等。你可以通过可视化拖拽的方式，轻松搭建出完整的自动化流程。

如果你不想手动拖拽，可以直接点击 “Edit with AI”，然后用自然语言描述你的需求，AI 将自动为你生成节点并连接好线路。

例如，视频中演示了如何用一句话生成一个自动化代码审查工作流。你只需输入：
1. 使用 GitHub MCP 工具获取 PR 详情；
2. 根据 PR 的规模，将其路由到小型/中型/大型代码审查流程；
3. 如果发现问题则向用户报告，如果审查通过则请求批准权限。

系统便会生成一个可直接运行的工作流。

ClaudeCode Workflow Studio 支持 MCP 和 Skills。你可以通过 MCP 直接调用外部工具，也可以复用之前编写好的特定 Skill。

它还支持添加「询问用户」的节点，例如在 AI 完成任务后，弹出一个选项让你选择是通过还是打回。

在画布上完成设计后，点击导出，系统会自动生成 Claude Code 能够直接识别的 .claude/agents/ 和 .claude/commands/ 文件。你无需手动转换格式，导出后即可在终端中直接运行命令。

使用该项目非常简单。首先，确保你的电脑已安装 Claude Code 命令行工具。如果尚未安装，可在终端中运行：

bash npm install -g @anthropic-ai/claude-code

然后，打开 VS Code，搜索并安装 “Claude Code Workflow Studio” 插件。

安装完成后，在 VS Code 中按下 Ctrl+Shift+P 打开命令面板，输入 “Claude Code”，然后选择 “Claude Code Workflow Studio: Open Editor”。此时，一个新的标签页将打开，显示一块空白画布，这就是你的工作台。

关注“鲸栖”小程序，掌握最新AI资讯

本文来自网络搜集，不代表鲸林向海立场，如有侵权，联系删除。转载请注明出处：http://www.itsolotime.com/archives/17895