claude-workflow-studio

Web-based visual platform to orchestrate multi-agent Claude Code workflows. Create agents, chain them into pipelines, watch them collaborate in real time.

63
Stars
10
Forks
JavaScript
Language
8/24/2026
Added
View on GitHubDownload ZIP

⚠️ Third-Party Software Notice

This skill is third-party open-source software developed and hosted independently on GitHub. SkillTip is an informational directory and does not control or maintain the underlying repository. Any security checks displayed are automated and limited in scope. Review the source code before installing.

Read the Terms of Service

Installation

Add to your Claude Code skills directory:

# Add to your Claude Code skills
git clone https://github.com/FocuZHe/claude-workflow-studio

Getting Started

Guides for using skills like claude-workflow-studio.

Security Report

Verified

Last scanned: —

{
  "status": "PASSED",
  "issues": []
}

README.md

Claude Workflow Studio

中文 · English

Release Platform Node.js Claude Code CLI

一个基于 Web 的可视化平台,用于编排、监控和管理多个 Claude Code Agent 协作完成复杂任务。

⚠️ 开发状态:实验性预览版 — 本项目由知识面较浅薄的大一学生自行开发,功能可能有很多不完善之处,存在未发现的 Bug。未经充分生产环境测试,请不要用于重要文件的修改上。 欢迎 Fork 自行修改。维护时间有限,Issue 和 PR 处理可能不及时。

控制面板 — 查看 Agent 状态、工作流执行进度和系统统计 工作流编辑器 — 拖拽式节点编排,支持多种节点类型

技能市场 — 浏览和安装 Skills,管理 MCP 服务器 文件管理 — 浏览、编辑工作区文件,支持内嵌终端


快速开始

环境要求Node.js 18+Claude Code CLI

安装:解压 ZIP → 双击 install.bat → 双击 start.bat → 访问 http://localhost:3000

npm install    # 或双击 install.bat
npm start      # 或双击 start.bat

快速上手

单 Agent 任务:智能体 → 创建智能体 → 任务 → 创建任务 → 选择 Agent → 输入需求 → 执行

多 Agent 流水线

  1. 工作流 → 创建工作流 → 拖入 Agent 节点 → 连线 → 保存
  2. 任务 → 创建任务 → 选择关联工作流 → 输入任务描述 → 执行

文件管理:文件 → 浏览/新建/编辑工作区内的文件


核心功能

功能说明
双轨闭环架构主Agent(原生API)协调 + 子Agent(SDK)执行,物理隔离防幻觉
可视化工作流7 种节点类型,拖拽编排,AI 自然语言生成
工作流模板13 个内置模板,覆盖代码审查、Bug 修复、文档生成、安全审计等场景
MCP 服务支持直接使用 Claude CLI 中配置的 MCP 服务器,无需额外配置
Claude Skills 兼容直接使用 Claude CLI 中安装的 Skills,自动加载到子 Agent
人工审批节点编排器级别拦截,暂停等待人工审核,支持通过/拒绝,拒绝后自动将反馈传回主 Agent 重试修改
实时流式输出所有子 Agent 输出通过 WebSocket 实时推送(50ms 合流缓冲)
断点续传节点级检查点,崩溃或暂停后从断点恢复
记忆系统按工作区隔离存储,支持开关控制、跨工作流传递、共享数据池
内嵌终端基于 node-pty 的真实 PTY 终端,支持所有 shell 命令,自动在当前工作区打开
多工作区独立运行环境,数据隔离,支持批量克隆工作流到其他工作区
任务队列批量执行,支持暂停/恢复/取消,优先级+时间排序
知识库分类/标签管理,全文搜索,可注入 Agent 执行,本地持久化存储
数据分析执行统计、成功率、平均耗时、按工作流统计、执行时间线
AI 对话只读模式,支持 WebSearch、WebFetch、文件读取/搜索
安全API Key AES-256-GCM 加密、命令白名单、工作区沙箱、速率限制、安全响应头

工作流节点

节点说明
开始工作流入口
Agent调用 AI 执行任务(支持多种角色:开发者、审查员、测试员等)
人工审批暂停等待用户审批,支持通过/拒绝,拒绝后可重试
条件分支根据上游输出判断,选择一条分支执行
子工作流引用其他工作流,内联执行
结束汇总最终结果

技术栈

技术
前端HTML + CSS + TypeScript/JS(SPA)+ xterm.js
后端Node.js + Express + TypeScript
实时通信WebSocket (ws),实时 CRUD 事件推送
AI 执行引擎双轨闭环:主Agent(原生 Anthropic API)+ 子Agent(Claude Agent SDK)
数据持久化sql.js (WASM SQLite) + JSON 文件

MCP 与 Skills

本平台的子 Agent 直接继承 Claude CLI 的配置,无需额外设置。

  • MCP 服务器:在 Claude CLI 中配置后,子 Agent 自动可用
  • Skills:在 Claude CLI 中安装后,子 Agent 自动加载

常见问题

Q: Agent 执行失败? → 检查 CLI 是否安装(claude --version),CLI 不可用时自动回退 SDK 模式

Q: 工作流中断了? → 重启服务,点击「续传」从断点恢复

Q: 数据会丢吗? → 每 2 秒自动保存,正常关闭不会丢数据

Q: 能管理多个项目吗? → 可以,通过「文件」→「切换工作区」创建独立环境


常用命令

npm start              # 启动服务器
npm run dev            # 开发模式(自动重启)
npm test               # 运行测试

批处理脚本(Windows)

脚本说明
install.bat一键安装依赖
start.bat启动服务
stop.bat停止服务
restart.bat重启服务
logs.bat查看日志
add-to-startup.bat添加开机自启
remove-from-startup.bat取消开机自启

深度技术文档(执行引擎、记忆系统、安全机制、API 概览等)请参考 docs/architecture.md。 English version: docs/architecture_EN.md


许可证

MIT License

Frequently Asked Questions

What is claude-workflow-studio?

claude-workflow-studio is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by FocuZHe. Web-based visual platform to orchestrate multi-agent Claude Code workflows. Create agents, chain them into pipelines, watch them collaborate in real time. It has 63 GitHub stars.

Is claude-workflow-studio safe to use?

claude-workflow-studio returned warnings in SkillsLLM's automated security scan. It has no critical vulnerabilities, but review the flagged issues in the Security Report section before adding it to your workflow.

How do I install claude-workflow-studio?

Clone the repository with "git clone https://github.com/FocuZHe/claude-workflow-studio" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is claude-workflow-studio written in?

claude-workflow-studio is primarily written in JavaScript. It is open-source under FocuZHe on GitHub, so you can review or fork the full source.

Are there alternatives to claude-workflow-studio?

Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh claude-workflow-studio against similar tools.

Comments (0)

No comments yet. Be the first to share your thoughts!

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI Agentsai-agentsanthropicclaude-code
View details
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI Agentsai-agentsbrainstorming
View details

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI Agentsai-agentsanthropicclaude-code
View details

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI Agentsclaude-codeai-tools
View details

claude-code

by anthropics

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.

120,03119,897Shell
AI Agents
View details

Developers Also Liked

Based on votes and bookmarks from developers who liked this skill

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI Agentsai-agentsanthropicclaude-code
View details
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI Agentsai-agentsbrainstorming
View details

n8n

by n8n-io

12

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

201,88160,308TypeScript
MCP Serversapisai-tools
View details

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI Agentsai-agentsanthropicclaude-code
View details

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI Agentsclaude-codeai-tools
View details