Open Multi-Agent Canvas

CopilotKit が作成した Open Multi-Agent Canvas は、動的な会話の中で複数のエージェントを管理できるオープンソースのマルチエージェントチャットインターフェースです。Next.js、LangGraph、CopilotKit を使用して構築されており、MCP サーバーを通じて旅行の計画、調査、汎用タスクを支援します。

既存のエージェント

これらの優れたエージェントをご覧ください（それぞれ別のリポジトリにあります）。個別に実行するか、LangSmith にデプロイできます。

• CoAgents Travel Agent
• CoAgents AI Researcher

さらに、このプロジェクトには組み込みの MCP（Multi-Channel Protocol）エージェントが含まれるようになりました。

• MCP Agent：設定可能な MCP サーバーを通じてさまざまなタスクに対応できる汎用エージェントです。

このプロジェクトの実行には Copilot Cloud が必要です。

クイックスタート 🚀

1. 前提条件

以下が必要です。

• pnpm

2. API キー

• Copilot Cloud

フロントエンドの実行

frontend フォルダー内の example.env ファイルを .env に名前変更します。

NEXT_PUBLIC_CPK_PUBLIC_API_KEY=...

依存関係をインストールします。

cd frontend
pnpm i

CopilotKit API キーが必要ですか？こちらから取得してください。

次に、Next.js プロジェクトを起動します。

pnpm run build && pnpm run start

MCP エージェントのセットアップ

MCP エージェントを使用すると、さまざまな MCP 対応サーバーに接続できます。

1. カスタム MCP サーバーの設定：

   • インターフェースの右上にある「MCP Servers」ボタンをクリックします。
   • 設定パネルからサーバーを追加します。
     • 標準入出力：コマンドをローカルで実行します（Python スクリプトなど）。
     • SSE：Server-Sent Events を使用して、外部の MCP 対応サーバーに接続します。

2. パブリック MCP サーバー：

   • mcp.composio.dev や mcp.run などのパブリック MCP サーバーに接続できます。

MCP エージェントのバックエンドの実行（任意）

agent フォルダー内の example.env ファイルを .env に名前変更します。

OPENAI_API_KEY=...
LANGSMITH_API_KEY=...

組み込みの数学サーバーを含む MCP エージェントを使用する場合は、次を実行します。

cd agent
poetry install
poetry run langgraph dev --host localhost --port 8123 --no-browser

トンネルの実行

別のターミナルを追加し、「Remote Endpoint」を選択します。 次に、「Local Development」を選択します。 完了したら、コマンドをターミナルにコピーし、ポートを LangGraph サーバーに合わせて 8123 に変更します。

ドキュメント

• CopilotKit ドキュメント
• LangGraph Platform ドキュメント
• Model Context Protocol（MCP）ドキュメント

ライセンス

MIT License の下で配布されています。詳細については LICENSE をご覧ください。

---

注記： このプロジェクトは CopilotKit monorepo に統合されました。 最新バージョンは examples/showcases/multi-agent-canvas にあります。 問題やプルリクエストは、CopilotKit メインリポジトリにお寄せください。