Open Multi-Agent Canvas

由 CopilotKit 创建的 Open Multi-Agent Canvas 是一个开源多 Agent 聊天界面，可让你在动态对话中管理多个 Agent。它基于 Next.js、LangGraph 和 CopilotKit 构建，可通过 MCP 服务协助完成旅行规划、研究和通用任务。

现有 Agent

了解这些优秀的 Agent（它们位于不同的仓库中）。你可以单独运行它们，也可以将它们部署到 LangSmith：

• CoAgents Travel Agent
• CoAgents AI Researcher

此外，本项目现已内置 MCP（多通道协议）Agent：

• MCP Agent：一种通用 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 Agent 设置

MCP Agent 可让你连接到各种兼容 MCP 的服务：

1. 配置自定义 MCP 服务：

   • 点击界面右上角的“MCP Servers”按钮
   • 通过配置面板添加服务：
     • Standard IO：在本地运行命令（例如 Python 脚本）
     • SSE：连接到外部兼容 MCP 的服务（通过服务器发送事件）

2. 公共 MCP 服务：

   • 你可以连接到公共 MCP 服务，例如 mcp.composio.dev 和 mcp.run

运行 MCP Agent 后端（可选）

将 agent 文件夹中的 example.env 文件重命名为 .env：

OPENAI_API_KEY=...
LANGSMITH_API_KEY=...

如果你想使用内置数学服务运行随附的 MCP Agent：

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。

---

注意： 本项目已合并至 CopilotKit monorepo。 最新版本位于 examples/showcases/multi-agent-canvas。 请在 CopilotKit 主仓库中提交问题和拉取请求。