Open Multi-Agent Canvas

Open Multi-Agent Canvas, created by 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
• CoAgents AI Researcher

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

2. API Keys

• Copilot Cloud

Running the Frontend

Install dependencies:

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.

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 and mcp.run

Running the MCP Agent Backend (Optional)

If you want to use the included MCP Agent with the built-in math server:

cd agent
poetry install
poetry run langgraph dev --host localhost --port 8123 --no-browser

Documentation

• CopilotKit Docs
• LangGraph Platform Docs
• Multi-Channel Protocol (MCP) Docs

License

Distributed under the MIT License. See LICENSE for more info.