Accelerate Claude Code/GitHub Copilot(※1)/OpenAI Codex(※2) automation with a visual workflow editor

Design complex AI agent workflows by conversing with AI – or use intuitive drag-and-drop. Build Sub-Agent orchestrations and conditional branching with natural language, then export directly to .claude format.

---

✨ Edit with AI: Create a PR code review workflow with MCP, Skills, and conditional branching – All with natural language

---

▶️ Run workflows directly from the editor – See your AI automation in action instantly

---

🔀 Visual Workflow Editor - Intuitive drag-and-drop canvas for designing AI workflows without code

✨ Edit with AI - Iteratively improve workflows through conversational AI - ask for changes, add features, or refine logic with natural language feedback

⚡ One-Click Export & Run - Export workflows to ready-to-use formats and run directly from the editor:

• Claude Code: .claude/agents/ and .claude/commands/
• GitHub Copilot Chat(※1): .github/prompts/
• GitHub Copilot CLI(※1): .github/skills/
• OpenAI Codex CLI(※2): .codex/skills/

🤖 GitHub Copilot Support (※1 β) - Export & Run workflows to Copilot Chat or Copilot CLI, and use Copilot as AI provider for Edit with AI.

Note:

• Enable Copilot option in Toolbar's More menu to activate
• Requires GitHub Copilot Chat extension or Copilot CLI to be installed
• Experimental feature; some workflows may not work as expected

🤖 OpenAI Codex CLI Support (※2 β) - Export & Run workflows to Codex CLI (Skills format).

Note:

• Enable Codex option in Toolbar's More menu to activate
• Requires Codex CLI to be installed
• Experimental feature; some workflows may not work as expected

• Click the icon in the top-right corner of the editor
• Or: Command Palette (Cmd+Shift+P) → "CC Workflow Studio: Open Editor"

• Add nodes from the palette and configure their settings, or use Edit with AI.

• Click Save button in the toolbar to store your workflow as .vscode/workflows/*.json
• Click Load button in the toolbar to open a saved .json workflow

• Click Export button in the toolbar to create a .md slash command or agent skill (use /workflow-name in AI coding agents)
• Click Run button in the toolbar to run your workflow directly in AI coding agents

• Click Edit with AI button in the toolbar to generate or refine workflows with natural language

Coming soon - Sample workflows and tutorials are under development.

This project is licensed under the GNU Affero General Public License v3.0 (AGPL-3.0-or-later).

See the LICENSE file for the full license text.

• You can use, modify, and distribute this software
• If you modify and deploy this software (including as a network service), you must:
  • Make your modified source code available under AGPL-3.0
  • Provide access to the source code for users interacting with the service
• Commercial use is allowed, but proprietary modifications are not

Copyright (c) 2025 breaking-brake

Built with React Flow • Powered by Claude Code • Inspired by Dify

---

Made with CC Workflow Studio