Open MCP Client
by mdhelaluddinbiswas
This is a client application built to interact with MCP (Multi-Chain Protocol) servers. It includes a LangGraph agent and a CopilotKit frontend for easy interaction and synchronization.
View on GitHub
Last updated: N/A
https://github.com/user-attachments/assets/f72e1f7d-3c84-4429-a465-23dff3d3bd63
Getting Started
Set Up Environment Variables:
touch .env
Add the following inside .env at the root:
LANGSMITH_API_KEY=lsv2_...
Next, create another .env file inside the agent folder:
cd agent
touch .env
Add the following inside agent/.env:
OPENAI_API_KEY=sk-...
LANGSMITH_API_KEY=lsv2_...
Development
We recommend running the frontend and agent separately in different terminals to debug errors and logs:
# Terminal 1 - Frontend
pnpm run dev-frontend
# Terminal 2 - Agent
pnpm run dev-agent
Alternatively, you can run both services together with:
pnpm run dev
Then, open http://localhost:3000 in your browser.
Architecture
The codebase is split into two main parts:
/agentfolder – A LangGraph agent that connects to MCP servers and calls their tools./appfolder – A frontend application using CopilotKit for UI and state synchronization.