cc-wf-studio  by breaking-brake

Visual editor for building and refining AI agent workflows

Created 2 months ago
2,435 stars

Top 18.7% on SourcePulse

GitHubView on GitHub
Project Summary

Claude Code Workflow Studio provides a no-code, visual interface for designing and automating complex AI agent workflows using Claude Code. It targets developers and power users seeking an intuitive way to orchestrate sub-agents, implement conditional logic, and integrate external tools without writing code. The primary benefit is accelerated AI workflow development through a drag-and-drop editor, AI-assisted refinement, and direct export to executable .claude formats, all while operating locally within VSCode for enhanced security.

How It Works

The studio utilizes a VSCode extension with a visual, drag-and-drop canvas for workflow construction. Users can intuitively connect various node types (Prompt, Sub-Agent, Skill, MCP, Conditional Logic, User Input) to define complex logic flows. A key differentiator is its AI-Assisted Workflow Refinement feature, allowing users to iteratively improve workflows by providing natural language feedback. Workflows are designed to be immediately executable, exporting directly to .claude/agents/*.md and .claude/commands/*.md files compatible with the Claude Code CLI. Non-MCP features operate entirely offline, with MCP tool nodes requiring network access based on their specific server configuration.

Quick Start & Requirements

  • Primary Install: Installation is available via the VSCode Marketplace (coming soon) or from source. To build from source: clone the repository, run npm install, cd src/webview && npm install, npm run build, npx vsce package, and then install the generated .vsix file in VSCode.
  • Prerequisites: Claude Code CLI must be installed and accessible in the system's PATH. Verify with claude --version.
  • Links: Claude Code CLI installation: https://claude.com/claude-code. GitHub repository: https://github.com/breaking-brake/cc-wf-studio.git.
  • Setup: Building from source requires Node.js and npm, involving cloning, dependency installation, and compilation steps.

Highlighted Details

  • Intuitive drag-and-drop Visual Workflow Editor.
  • AI-Assisted Workflow Refinement via natural language prompts.
  • Direct export to .claude format for immediate execution with Claude Code CLI.
  • Support for diverse node types including Sub-Agent, Skill integration, MCP tools, and conditional branching (IfElse, Switch).
  • Slack Workflow Sharing (β) for team collaboration with preview cards and one-click import.
  • Multilingual UI and exported files supporting English, Japanese, Korean, Simplified Chinese, and Traditional Chinese.

Maintenance & Community

The repository is copyrighted by breaking-brake in 2025. No specific details regarding active maintainers, community channels (like Discord or Slack), or a public roadmap were found in the provided README.

Licensing & Compatibility

  • License: GNU Affero General Public License v3.0 (AGPL-3.0-or-later).
  • Compatibility: This license is copyleft. Modifications and derivative works, especially when deployed as a network service, must be made available under the same AGPL-3.0 license. Commercial use is permitted, but distributing proprietary modifications is restricted.

Limitations & Caveats

Workflows are limited to a maximum of 50 nodes. AI processing for refinements has a default timeout of 90 seconds and requests are capped at 2000 characters. Conversation history for AI refinement is maintained only during the active editing session. Slack sharing functionality is currently in Beta. Execution of MCP Tool nodes depends on the network availability and configuration of the respective MCP servers.

Health Check
Last Commit

1 day ago

Responsiveness

Inactive

Pull Requests (30d)
132
Issues (30d)
30
Star History
2,440 stars in the last 30 days

Explore Similar Projects

Feedback? Help us improve.