Open Multi-Agent Canvas

<div align="center">

# 开放式多智能体画布

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


![multi-agent-canvas](https://github.com/user-attachments/assets/5953a5a6-5686-4722-9477-5279b67b3dba)


开放式多智能体画布，由 [CopilotKit](https://github.com/CopilotKit/CopilotKit) 创建，是一个开源的多智能体聊天界面，允许你在一个动态对话中管理多个智能体。它使用 Next.js、LangGraph 和 CopilotKit 构建，通过 MCP 服务器帮助进行旅行计划、研究和通用任务。

## 现有智能体

查看这些很棒的智能体（它们位于单独的存储库中）。你可以单独运行它们或将它们部署在 LangSmith 上：
- [CoAgents 旅行智能体](https://github.com/CopilotKit/CopilotKit/tree/main/examples/coagents-travel/agent)
- [CoAgents AI 研究员](https://github.com/CopilotKit/CopilotKit/tree/main/examples/coagents-ai-researcher/agent)

此外，此项目现在包含一个内置的 MCP（多通道协议）智能体：
- **MCP 智能体**：一个通用的智能体，能够通过可配置的 MCP 服务器处理各种任务。

## 运行此项目需要 Copilot Cloud：




## 快速开始 🚀

### 1. 前提条件
确保你拥有：
- [pnpm](https://pnpm.io/installation)

### 2. API 密钥
- [Copilot Cloud](https://cloud.copilotkit.ai)

## 运行前端

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

```sh
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 兼容的服务器（通过服务器发送事件）

2. 公共 MCP 服务器：

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

运行 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 平台文档
• 多通道协议 (MCP) 文档

许可证

根据 MIT 许可证分发。有关更多信息，请参见 LICENSE。