copilotkit/open-multi-agent-canvas

CopilotKit에서 만든 Open Multi-Agent Canvas는 하나의 동적 대화에서 여러 에이전트를 관리할 수 있는 오픈 소스 다중 에이전트 채팅 인터페이스입니다. Next.js, LangGraph, CopilotKit을 사용해 MCP 서버를 통한 여행 계획, 연구 및 일반 업무를 지원합니다.

기존 요원

이 멋진 에이전트들을 확인해 보세요 (각각 별도의 저장소에 있습니다). 따로 실행하거나 LangSmith에 배포할 수 있습니다:

• CoAgents 여행사
• CoAgents AI 연구원

또한, 이 프로젝트에는 이제 내장된 MCP(다중 채널 프로토콜) 에이전트가 포함되어 있습니다:

• MCP 에이전트: 구성 가능한 MCP 서버를 통해 다양한 작업을 처리할 수 있는 범용 에이전트입니다.

이 프로젝트를 운영하려면 Copilot Cloud가 필요합니다:

퀵 스타트 🚀

1. 전제 조건

반드시 다음을 준비하세요:

• PNPM

2. API 키

• 부조종사 클라우드

프론트엔드 운영

frontend 폴더의 example.env 파일 이름을 .env로 변경하세요:

의존성 설치:

CopilotKit API 키가 필요하신가요? 여기에서 하나 받으세요.

그다음, Next.js 프로젝트를 시작하세요:

MCP 요원 설정

MCP 에이전트는 다양한 MCP 호환 서버에 연결할 수 있게 해줍니다:

1. **커스텀 MCP 서버 설정 **:

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:

Quick Start 🚀

1. Prerequisites

Make sure you have:

• pnpm

2. API Keys

• Copilot Cloud

Running the Frontend

Rename the example.env file in the frontend folder to .env:

NEXT_PUBLIC_CPK_PUBLIC_API_KEY=...

Install dependencies:

cd frontend
pnpm i

Need a CopilotKit API key? Get one here.

Then, fire up the Next.js project:

pnpm run build && pnpm run start

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)

Rename the example.env file in the agent folder to .env:

OPENAI_API_KEY=...
LANGSMITH_API_KEY=...

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

Running a tunnel

Add another terminal and select Remote Endpoint. Then select Local Development. Once this is done, copy the command into your terminal and change the port to match the LangGraph server 8123