CopilotKit/open-mcp-client

TypeScript

1,651

73 commits

updated Oct 9, 2026

See the code

README

Open MCP Client

CopilotKit-Banner

https://github.com/user-attachments/assets/364b6705-14d4-4e6d-bea7-fb9f12664fab

Getting Started

Set Up Environment Variables

Create a .env file at the root of your project:

touch .env

Add the following to .env:

LANGSMITH_API_KEY=lsv2_...
OPENAI_API_KEY=sk-...

Next, navigate to the agent folder and create another .env file:

cd agent
touch .env

Add the following inside agent/.env:

OPENAI_API_KEY=sk-...
LANGSMITH_API_KEY=lsv2_...

Set Up Poetry:

Poetry manages dependencies for the agent service. Install it with:

pip install poetry

Verify the installation by running:

poetry --version

Development

For easier debugging, run the frontend and agent in separate terminals:

# Terminal 1 - Frontend
pnpm run dev-frontend

# Terminal 2 - Agent
pnpm run dev-agent

Alternatively, launch both services together:

pnpm run dev

Visit http://localhost:3000 in your browser to view the application.

Architecture

The codebase is organized into two primary components:

  • Frontend - Handles the user interface.
  • Agent - Manages the core functionality.

License

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

CopilotKit/open-mcp-client

TypeScript

1,651

73 commits

updated Oct 9, 2026

See the code

README

Open MCP Client

CopilotKit-Banner

https://github.com/user-attachments/assets/364b6705-14d4-4e6d-bea7-fb9f12664fab

Getting Started

Set Up Environment Variables

Create a .env file at the root of your project:

touch .env

Add the following to .env:

LANGSMITH_API_KEY=lsv2_...
OPENAI_API_KEY=sk-...

Next, navigate to the agent folder and create another .env file:

cd agent
touch .env

Add the following inside agent/.env:

OPENAI_API_KEY=sk-...
LANGSMITH_API_KEY=lsv2_...

Set Up Poetry:

Poetry manages dependencies for the agent service. Install it with:

pip install poetry

Verify the installation by running:

poetry --version

Development

For easier debugging, run the frontend and agent in separate terminals:

# Terminal 1 - Frontend
pnpm run dev-frontend

# Terminal 2 - Agent
pnpm run dev-agent

Alternatively, launch both services together:

pnpm run dev

Visit http://localhost:3000 in your browser to view the application.

Architecture

The codebase is organized into two primary components:

  • Frontend - Handles the user interface.
  • Agent - Manages the core functionality.

License

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

Significant stargazers

Menglin Li

44 followers · starred Mar 2025

Harrison Chase

10,199 followers · starred Mar 2025

Jintao Zhang

1,303 followers · starred Mar 2025

Caridy Patiño

473 followers · starred Mar 2025