open-multi-agent-canvas

<div align="center"> # Open Multi-Agent Canvas  </div>  Open Multi-Agent Canvas, created by [CopilotKit](https://github.com/CopilotKit/CopilotKit) is an open-source multi-agent chat interface that lets you manage multiple agents in one dynamic conversation. It's built with Next.js, LangGraph, and CopilotKit to help with travel planning, research, and general-purpose tasks through MCP servers. ## Existing Agents Check out these awesome agents (they live in separate repositories). You can run them separately or deploy them on LangSmith: - [CoAgents Travel Agent](https://github.com/CopilotKit/CopilotKit/tree/main/examples/coagents-travel/agent) - [CoAgents AI Researcher](https://github.com/CopilotKit/CopilotKit/tree/main/examples/coagents-ai-researcher/agent) Additionally, this project now includes a built-in MCP (Multi-Channel Protocol) Agent: - **MCP Agent**: A general-purpose agent capable of handling various tasks through configurable MCP servers. ## Copilot Cloud is required to run this project: Add 2 new remote endpoints, one for each agent.  ## Quick Start 🚀 ### 1. Prerequisites Make sure you have: - [pnpm](https://pnpm.io/installation) ### 2. API Keys - [Copilot Cloud](https://cloud.copilotkit.ai) ## Running the Frontend Install dependencies: ```sh cd frontend pnpm i ``` ## Create a .env file in the frontend folder with: ``` NEXT_PUBLIC_CPK_PUBLIC_API_KEY=... ``` Need a CopilotKit API key? Get one [here](https://cloud.copilotkit.ai/). Then, fire up the Next.js project: ``` pnpm run dev ``` ## MCP Agent Setup  The MCP Agent allows you to connect to various MCP-compatible servers: 1. **Configuring Custom MCP Servers**: - Click the "MCP Servers" button in the top right of the interface - Add servers via the configuration panel: - **Standard IO**: Run commands locally (e.g., Python scripts) - **SSE**: Connect to external MCP-compatible servers (via Server-Sent Events) 2. **Public MCP Servers**: - You can connect to public MCP servers like [mcp.composio.dev](https://mcp.composio.dev/) and [mcp.run](https://www.mcp.run/) ## Running the MCP Agent Backend (Optional) If you want to use the included MCP Agent with the built-in math server: ```sh cd agent poetry install poetry run langgraph dev --host localhost --port 8123 --no-browser ``` ## Documentation - [CopilotKit Docs](https://docs.copilotkit.ai/coagents) - [LangGraph Platform Docs](https://langchain-ai.github.io/langgraph/cloud/deployment/cloud/) - [Multi-Channel Protocol (MCP) Docs](https://github.com/langchain-ai/langgraph/tree/main/examples/mcp) ## License Distributed under the MIT License. See LICENSE for more info.