JinDaGe - open-multi-agent-canvas MCP Details

article

README

🚀 开源多智能体画布

开源多智能体画布由 CopilotKit 创建，是一个开源的多智能体聊天界面。它能让你在一个动态对话中管理多个代理，使用 Next.js、LangGraph 和 CopilotKit 构建，可通过 MCP 服务器帮助处理旅行计划、研究和通用任务。

![CopilotKit-Banner](https://github.com/user-attachments/assets/8167c845-0381-45d9-ad1c-83f995d48290)

multi-agent-canvas

✨ 主要特性

现有代理丰富

可以查看以下很棒的代理（它们生活在单独的仓库中），你可以分别运行它们，或部署在 LangSmith 上：

此外，该项目现在包含一个内置的 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-demo

MCP 代理允许你连接到各种 MCP 兼容的服务器：

配置自定义 MCP 服务器：
- 点击界面右上角的“MCP 服务器”按钮
- 通过配置面板添加服务器：
  - 标准 IO：在本地运行命令（例如，Python 脚本）
  - SSE：连接到外部 MCP 兼容服务器（通过 Server-Sent Events）
公共 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 匹配。

📚 详细文档

📄 许可证

根据 MIT 许可证分发。有关详细信息，请参阅 LICENSE。

open-multi-agent-canvas