Repolode
Submit
breaking-brake

breaking-brake/cc-wf-studio

A visual canvas editor for designing AI agent workflows that export as Markdown slash commands and skills for Claude Code and other coding agents.

View on GitHubWebsite
Stars
5,451
Forks
572
Open issues
43
Last commit
last month

What is it?

CC Workflow Studio lets you draw AI agent workflows on a node-based canvas and export them as Markdown files that coding agents can run directly. Exported output is placed in the folders each agent expects, such as .claude/commands and .claude/agents for Claude Code, or .cursor/skills and .codex/skills for other agents.

The same workflow.json file can be edited in three ways: the VS Code extension's visual editor, a command-line tool (ccwf) for rendering, validating, previewing and running workflows in a terminal or CI, and an MCP server (ccwf-mcp) that lets an external AI client read and modify workflows through MCP tools.

The project is built around sub-agent orchestration, agent skills and MCP tool integration. It also includes an Edit with AI panel that launches an agent with the MCP server to revise a workflow from natural-language requests.

Key features

  • 01Drag-and-drop canvas for composing agent workflows without writing code
  • 02Exports slash commands, sub-agents and skills for multiple coding agents
  • 03Edit workflows with an AI agent through an MCP server
  • 04Command-line tool for rendering, validating, previewing and running workflows
  • 05Shares the same workflow.json across the VS Code extension, CLI and MCP server

Use cases

  • Turning a multi-step coding routine into a reusable slash command for Claude Code
  • Designing sub-agent pipelines visually and exporting them to a project's agent folders
  • Letting an AI client refine a workflow file over MCP without opening VS Code
  • Validating and previewing workflows in CI or over SSH

Quick start

  1. 1

    Install the VS Code extension from the marketplace

    code --install-extension breaking-brake.cc-wf-studio
  2. 2

    Try the CLI without installing it globally

    npx @cc-wf-studio/cli --help
  3. 3

    Add the MCP server to your MCP client's .mcp.json so it can read and edit workflows

Things to know

  • Core extension is AGPL-3.0, which carries copyleft obligations.
  • Agents other than Claude Code must be activated from the Toolbar's More menu.
  • Usage examples are not yet available; the README says they are coming soon.

In collections

Claude Code tools, skills & pluginsOpen-source AI agent frameworks & appsMCP serversAI agent skill libraries

Topics

#ai-agents#claude-code#workflow-automation#mcp#visual-programming#vscode-extension#agent-skills#mcp-tools#slash-commands#sub-agents

FAQ

What is cc-wf-studio?
A visual canvas editor for designing AI agent workflows that export as Markdown slash commands and skills for Claude Code and other coding agents. CC Workflow Studio lets you draw AI agent workflows on a node-based canvas and export them as Markdown files that coding agents can run directly. Exported output is placed in the folders each agent expects, such as .claude/commands and .claude/agents for Claude Code, or .cursor/skills and .codex/skills for other agents.
Is cc-wf-studio free to use? What license does it have?
cc-wf-studio is open source under the Other license. Check the license terms before using it in commercial products.
Is cc-wf-studio still maintained?
Updated within 6 months. The last commit to cc-wf-studio was on Oct 7, 2026.
What can I use cc-wf-studio for?
Turning a multi-step coding routine into a reusable slash command for Claude Code Designing sub-agent pipelines visually and exporting them to a project's agent folders Letting an AI client refine a workflow file over MCP without opening VS Code Validating and previewing workflows in CI or over SSH
How do I install cc-wf-studio?
Install the VS Code extension from the marketplace: code --install-extension breaking-brake.cc-wf-studio Try the CLI without installing it globally: npx @cc-wf-studio/cli --help Add the MCP server to your MCP client's .mcp.json so it can read and edit workflows
Where can I get cc-wf-studio?
The source code and installation instructions are on GitHub: https://github.com/breaking-brake/cc-wf-studio

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects