Open Multi Agent Canvas

🚀 オープンソース多エージェントキャンバス

CopilotKitによって作成されたオープンソースの多エージェントチャットインターフェースで、動的な会話の中で複数のエージェントを管理することができます。Next.js、LangGraph、CopilotKitを使用して構築され、MCPサーバーを通じて旅行計画、研究、一般的なタスクを処理するのに役立ちます。

✨ 主な機能

既存のエージェント

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

• CoAgents 旅行エージェント
• CoAgents AI リサーチャー

さらに、このプロジェクトには現在、組み込みのMCP（多チャネルプロトコル）エージェントが含まれています。

• MCPエージェント：設定されたMCPサーバーを通じてさまざまなタスクを処理できる汎用エージェントです。

Copilot Cloudの必要性

このプロジェクトを実行するには、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サーバー」ボタンをクリックします。
   • 設定パネルからサーバーを追加します。
     • 標準IO：ローカルでコマンドを実行します（例：Pythonスクリプト）。
     • SSE：外部のMCP互換サーバーに接続します（Server-Sent Events経由）。
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

トンネルの実行

別のターミナルを追加し、リモートエンドポイントを選択します。次に、ローカル開発を選択します。これらの手順を完了したら、コマンドをターミナルにコピーし、ポートをLangGraphサーバーの 8123 に合わせます。

📚 ドキュメント

• CopilotKit ドキュメント
• LangGraph プラットフォームドキュメント
• モデルコンテキストプロトコル (MCP) ドキュメント

📄 ライセンス

このプロジェクトはMITライセンスの下で配布されています。詳細については、LICENSEを参照してください。