Open Mcp Client
What is Open Mcp Client
Open-Mcp-Client is a client application designed to interact with MCP servers, facilitating the integration of various tools and services through a LangGraph agent.
Use cases
Use cases include developing AI-driven applications, creating tools that require real-time data processing, and building interactive user interfaces that leverage the capabilities of MCP servers.
How to use
To use Open-Mcp-Client, set up environment variables by creating two .env files: one in the root directory for the LANGSMITH_API_KEY and another in the agent folder for both OPENAI_API_KEY and LANGSMITH_API_KEY. Run the frontend and agent separately in different terminals or together using the provided commands.
Key features
Key features include a dual-architecture structure with an agent folder for backend operations and an app folder for frontend UI, as well as the ability to run services in parallel for efficient debugging.
Where to use
Open-Mcp-Client can be used in software development environments, particularly for applications requiring integration with AI services and tools provided by MCP servers.
Clients Supporting MCP
The following are the main client software that supports the Model Context Protocol. Click the link to visit the official website for more information.
Overview
What is Open Mcp Client
Open-Mcp-Client is a client application designed to interact with MCP servers, facilitating the integration of various tools and services through a LangGraph agent.
Use cases
Use cases include developing AI-driven applications, creating tools that require real-time data processing, and building interactive user interfaces that leverage the capabilities of MCP servers.
How to use
To use Open-Mcp-Client, set up environment variables by creating two .env files: one in the root directory for the LANGSMITH_API_KEY and another in the agent folder for both OPENAI_API_KEY and LANGSMITH_API_KEY. Run the frontend and agent separately in different terminals or together using the provided commands.
Key features
Key features include a dual-architecture structure with an agent folder for backend operations and an app folder for frontend UI, as well as the ability to run services in parallel for efficient debugging.
Where to use
Open-Mcp-Client can be used in software development environments, particularly for applications requiring integration with AI services and tools provided by MCP servers.
Clients Supporting MCP
The following are the main client software that supports the Model Context Protocol. Click the link to visit the official website for more information.
Content
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.
Dev Tools Supporting MCP
The following are the main code editors that support the Model Context Protocol. Click the link to visit the official website for more information.
