breaking-brake/cc-wf-studio

これは何？

主な機能

• 01コードを書かずにエージェントのワークフローを組み立てられる、ドラッグ＆ドロップ対応のキャンバス
• 02複数のコーディングエージェント向けに、スラッシュコマンド、サブエージェント、スキルを出力
• 03MCPサーバー経由でAIエージェントを使ってワークフローを編集
• 04ワークフローのレンダリング、検証、プレビュー、実行に対応したコマンドラインツール
• 05VS Code拡張機能、CLI、MCPサーバーで同じworkflow.jsonを共有

ユースケース

• 複数ステップのコーディング手順を、Claude Codeで再利用できるスラッシュコマンドにする
• サブエージェントのパイプラインを視覚的に設計し、プロジェクトのエージェント用フォルダーに出力する
• VS Codeを開かずに、MCP経由でAIクライアントにワークフローファイルを改善してもらう
• CIまたはSSH経由でワークフローを検証・プレビューする

クイックスタート

1. 1

   マーケットプレイスから VS Code 拡張機能をインストールする

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

   グローバルにインストールせずに CLI を試す

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

   ワークフローを読み取り・編集できるように、MCP サーバーを MCP クライアントの .mcp.json に追加する

使う前に知っておきたいこと

• !コア拡張機能は AGPL-3.0 ライセンスで、コピーレフトの義務が伴います。
• !Claude Code 以外のエージェントは、Toolbar の More メニューから有効化する必要があります。
• !使用例はまだありません。README には近日公開予定と記載されています。

収録されている特集

トピック

よくある質問

cc-wf-studio とは？

AIエージェントのワークフローを視覚的に設計し、Claude Codeなどのコーディングエージェント向けMarkdownスラッシュコマンドやスキルとして出力できるキャンバスエディター。 CC Workflow Studioでは、ノードベースのキャンバス上でAIエージェントのワークフローを描き、コーディングエージェントがそのまま実行できるMarkdownファイルとして出力できます。出力ファイルは各エージェントが想定するフォルダーに配置されます。たとえばClaude Codeなら.claude/commandsや.claude/agents、ほかのエージェントなら.cursor/skillsや.codex/skillsです。

cc-wf-studio は無料で使えますか？ライセンスは？

cc-wf-studio は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

cc-wf-studio は今もメンテナンスされていますか？

半年以内に更新あり。cc-wf-studio の最終コミットは 2026年10月7日 です。

cc-wf-studio は何に使えますか？

複数ステップのコーディング手順を、Claude Codeで再利用できるスラッシュコマンドにする サブエージェントのパイプラインを視覚的に設計し、プロジェクトのエージェント用フォルダーに出力する VS Codeを開かずに、MCP経由でAIクライアントにワークフローファイルを改善してもらう CIまたはSSH経由でワークフローを検証・プレビューする

cc-wf-studio のインストール方法は？

マーケットプレイスから VS Code 拡張機能をインストールする: code --install-extension breaking-brake.cc-wf-studio グローバルにインストールせずに CLI を試す: npx @cc-wf-studio/cli --help ワークフローを読み取り・編集できるように、MCP サーバーを MCP クライアントの .mcp.json に追加する

cc-wf-studio はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/breaking-brake/cc-wf-studio