CC Workflow Studio
在画布上可视化设计 AI 工作流，导出为各主流编码 Agent 可直接读懂的 Markdown 技能与命令。
- Star 数
- ★ 5.4k
- 最近更新
- 14 天前
- License
- NOASSERTION
- 主语言
- TypeScript
- FA 评分
- 50/100 · 缺口较多
30 秒速览
- 运行形态
- 可在哪里用
- 通用 · 跨平台ChatGPT · Codex · Claude Code
- 费用
- 软件免费，模型调用费用自付
- 上手难度
- 低 · 几分钟可跑通
- 开始前需要
- 典型场景
- 已经在用 Claude Code 的开发者，想把多步提示词整理成可复用的斜杠命令或子代理并持久化到 .claude/ 目录。
- 不适合
- 不想使用任何 AI 编程 IDE 或 CLI 的团队
- 需要纯 Web 图形界面、不装 VS Code 的用户
- 希望工作流完全停留在闭源 SaaS 平台上的团队
- 源码审查
- 50/100 · 缺口较多
这个 Agent 能做什么，适合哪些场景？
CC Workflow Studio 把 AI 工作流从“凭感觉写提示词”变成可视化设计：你在 React Flow 画布上拖拽节点、配置子代理、Agent Skills 与 MCP 工具，再一键导出成 Claude Code、GitHub Copilot Chat、Copilot CLI、OpenAI Codex CLI、Zoo Code、Gemini CLI、Antigravity、Cursor 等 Agent 能直接使用的文件。核心入口是 VS Code 扩展 breaking-brake.cc-wf-studio，工作流以 workflow.json 保存于 .vscode/workflows/。同一份 workflow.json 还能被 @cc-wf-studio/cli（命令 ccwf render | validate | export | run | preview | canvas | mcp）和 @cc-wf-studio/mcp 服务（stdio 名 ccwf-mcp）读写，因此终端、CI、SSH、Codespaces 以及外部 MCP 客户端都能参与编辑和运行。它还提供“Edit with AI”：点击面板中的 Agent 按钮后自动启动 MCP 服务，AI 通过 get_workflow / apply_workflow 实时修改画布。扩展采用 AGPL-3.0-or-later，npm 上的 core、mcp、cli 包采用 MIT。
读取和写入 .vscode/workflows/*.json 形式的工作流文件；在 React Flow 画布上添加、配置节点并保存/加载工作流；按目标 Agent 导出为 .claude/agents/、.claude/commands/、.github/prompts/、.github/skills/、.codex/skills/、.roo/skills/、.gemini/skills/、.agent/skills/、.cursor/agents/ 与 .cursor/skills/ 等路径下的 Markdown 技能或斜杠命令；通过 Run 按钮直接在 AI 编码 Agent 中执行工作流；Edit with AI 会后台拉起 @cc-wf-studio/mcp，Agent 调用 get_workflow 读取 JSON、调用 apply_workflow 回写并刷新画布；CLI 的 ccwf render、validate、export、run、preview、canvas、mcp 子命令在无 VS Code 环境下完成渲染、校验、导出与浏览器预览。
- 已经在用 Claude Code 的开发者，想把多步提示词整理成可复用的斜杠命令或子代理并持久化到 .claude/ 目录。
- 团队里同时用 Gemini CLI、Codex CLI 或 Copilot 的成员，希望一套工作流一键导出成各自目录下的技能文件。
- 在 SSH、Codespaces 或 CI 环境中工作、无法打开 VS Code 画布的人，用 npx @cc-wf-studio/cli 做校验与渲染。
- 希望让 Claude Code 等 MCP 客户端以自然语言自动生成和修改工作流，而不是手动拖节点。
- 需要评审 AI 编排逻辑的产品或技术负责人，通过可视化画布检查子代理分工与 MCP 工具调用顺序。
- 想从 Dify 式可视化编排迁移到本地文件化 Markdown 工作流的团队。
如何安装或部署这个 Agent？
在拥有 VS Code 的环境中从 Marketplace 安装扩展：
code --install-extension breaking-brake.cc-wf-studio也可以在 VS Code Marketplace 或 Open VSX 搜索 cc-wf-studio 安装。若只想在终端使用，无需安装扩展，直接用 npx 调用 CLI：
npx @cc-wf-studio/cli --helpMCP 服务以 npm 包 @cc-wf-studio/mcp 发布，stdio 名称为 ccwf-mcp；使用前需要 Node.js 环境，并需要在目标 Agent 客户端中手动配置（README 未给出可直接复制的 .mcp.json 片段，具体配置键需参照 packages/mcp 的文档）。此外，导出到 Claude Code、Copilot、Codex、Zoo Code、Gemini CLI、Antigravity、Cursor 时，各自对应的工具需要先行安装。
如何使用这个 Agent？
安装扩展后，点击编辑器右上角的 CC Workflow Studio 图标，或通过命令面板执行：
CC Workflow Studio: Open Editor在画布上从节点面板添加节点并配置，然后用工具栏的 Save 按钮存入 .vscode/workflows/*.json。导出时点击 Export，选择目标 Agent 格式（Claude Code 以外需从工具栏 More 菜单激活），生成对应的 Markdown 技能或斜杠命令，之后在 AI 编码 Agent 中用 /workflow-name 调用。
要在终端侧操作同一份文件：
npx @cc-wf-studio/cli validate workflow.json
npx @cc-wf-studio/cli preview workflow.json
npx @cc-wf-studio/cli export workflow.json使用 Edit with AI 时，在面板中点击某个 AI Agent 按钮，扩展会自动启动 MCP 服务，Agent 通过 get_workflow 与 apply_workflow 迭代修改画布。
这个 Agent 有哪些优点和局限？
- 同一份 workflow.json 同时驱动 VS Code 扩展、CLI 与 MCP 服务，画布、终端与外部 AI 客户端之间没有格式转换断层。
- 导出目标覆盖 Claude Code、Copilot Chat/CLI、Codex CLI、Zoo Code、Gemini CLI、Antigravity、Cursor 八种 Agent，产物是各工具原生的 Markdown 目录约定。
- Edit with AI 走 MCP 的 get_workflow / apply_workflow 闭环，AI 修改结果实时回写画布，而非生成一次性文本。
- 许可分层清晰：扩展为 AGPL-3.0-or-later，可在自有项目中复用的 core、mcp、cli 三个 npm 包为 MIT。
- CLI 提供 render、validate、preview 等子命令，使工作流可在 CI 或 Codespaces 中被校验和渲染。
- 除 Claude Code 以外的 Agent 导出需要从工具栏 More 菜单手动激活，并非默认一键路径。
- MCP 客户端接入需要自行编写 .mcp.json 配置，README 仅提示添加到 MCP 客户端，未给出完整可复制示例。
- 扩展本体为 AGPL-3.0-or-later，对希望闭源分发或嵌入的团队构成许可约束，需评估是否只使用 MIT 的 npm 包。
- 工作流依赖 AI 编码 Agent 实际执行，使用效果受所选 Agent 能力与模型质量影响，且需自备相应订阅或 API 密钥。
- README 的 Usage Examples 一节标注为 Coming soon，缺少可直接参考的示例工作流与教程。
这个 Agent 与同类方案有什么区别？
README 提到受 Dify 启发，Dify 是可视化 LLM 工作流编排平台，而 CC Workflow Studio 的差异化在于产物是落地在仓库目录里的 Markdown 技能与斜杠命令，并可被 CLI 与 MCP 服务复用。
与相关度最高的同类 agent 并排比较关键指标。
| Agent | 源码审查 | 形态 / 费用 | Star | 最近更新 | 主语言 | 完整支持的平台 |
|---|---|---|---|---|---|---|
| CC Workflow Studio 当前 | 50 · 缺口较多 | IDE 插件免费 + 模型费 | ★ 5.4k | 14 天前 | TypeScript | ChatGPT · Codex · Claude Code |
| MobileBuildMCP | 49 · 缺口较多 | 命令行工具免费 | ★ 6.5k | 3 天前 | TypeScript | Codex · Claude Code |
| Microsoft Learn MCP Server | 43 · 缺口较多 | MCP 服务器免费 | ★ 1.9k | 1 个月前 | TypeScript | ChatGPT · Codex · Claude Code · Claude.ai |
| agnix 配置检查器 | 89 · 表现良好 | 命令行工具免费 | ★ 455 | 2 天前 | Rust | Codex · Claude Code |
FollowAgents 如何评估这个 Agent？
查看各维度的扣分理由
证据显示 SECURITY.md 声明了沙箱化 webview、CSP、输入校验、本地优先设计，以及文件写入前的冲突检测与用户确认，这些支持 user_confirmation 达到 2。但 least_privilege 仅停留在声明层面，未见具体权限清单或最小权限实现；data_flow_transparency 只笼统提到 MCP 网络工具需审查，未给出数据流向细节；sensitive_data_handling 无密钥/敏感数据处理说明；external_effects 涉及导出到 .claude/ 等目录与运行工作流，但缺乏回滚或影响范围说明；rollback 仅提及覆盖前确认，无版本回退机制；source_attribution 仅致谢 React Flow/Dify，无第三方代码来源标注。dependency_security 有 Snyk、Dependabot、frozen-lockfile 与 CI 门禁，证据较实，给 2。
self_consistency 上 README、package.json、CI 对 monorepo 结构与构建顺序的描述一致，给 2。dependency_availability 有 pnpm 锁定、Node>=20、CI 安装步骤，给 2。failure_messages 在源码中无可见的错误信息设计证据，仅 SECURITY.md 提到冲突检测，故仅 1。
audience_and_scenarios 明确列出多种 AI 代理与 CLI/MCP/扩展三种入口，场景清晰，给 2。capability_boundaries 通过 Supported Agents 表与 Requires 列界定了能力边界，给 2。trigger_precision 仅提及命令面板与工具栏按钮，缺乏精确触发条件说明，给 1。environment_fit 覆盖 VSCode、CLI、SSH、Codespaces，给 2。
information_architecture 有清晰的分节与包结构，给 2。install_notes 给出扩展安装、npx CLI、MCP 配置方式，给 2。naming_stability 无版本化命名或稳定性承诺，给 1。examples_and_faq 明确写 Usage Examples 为 Coming soon，给 1。known_limitations 在 SECURITY.md 有网络访问与文件系统访问限制说明，给 2。license 有 AGPL-3.0 全文与分包含 MIT 说明，给 2。versioning_changelog 有 changesets、release 工作流与 CHANGELOG 提及，给 2。maintenance_responsibility 发布者未经验证，维护责任仅靠 SECURITY.md 响应时间承诺，给 1。
output_usability 导出为 .md 命令/技能并可直接运行，输出可用性较好，给 2。marginal_value 提供可视化编排与多代理导出，相对手写提示有增量价值，给 2。cost_benefit 需安装扩展、配置 MCP、依赖多个外部代理，成本较高且收益未量化，给 1。
claim_traceability 多数声明（沙箱、CSP、Snyk 扫描）无对应源码或配置佐证，仅 CI 与 package.json 可部分印证，给 1。cross_source_corroboration README、SECURITY、CI 之间部分一致但安全声明缺乏交叉证据，给 1。fact_inference_separation 文档将声明与事实混写，未区分已验证与推断，给 1。
- 发布者身份未经验证，维护责任与更新路径不明确，采用前应自行核实来源。
- 安全声明（沙箱、CSP、Snyk 扫描）多为文档断言，缺少对应源码或配置佐证，需独立审计。
- 导出与运行工作流会写入 .claude/ 等目录并可能触发外部代理执行，缺乏回滚机制说明。
- Usage Examples 标注为 Coming soon，缺少可复现的示例与 FAQ。
- 许可证为 AGPL-3.0 且分包含 MIT，商用与再分发需注意合规差异。