mcpserver.so LogoMCPFly
Submit
Open MCP Client logo

Open MCP Client

by mdhelaluddinbiswas

Development/ToolsLangGraphCopilotKitAgentFrontend

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

What is Open MCP Client?

The Open MCP Client is a tool that simplifies interaction with Multi-Chain Protocol (MCP) servers. It consists of a LangGraph agent that connects to MCP servers and utilizes their tools, alongside a frontend application built with CopilotKit for UI and state management.

How to use Open MCP Client?

To use the Open MCP Client, first set up the necessary environment variables (LANGSMITH_API_KEY, OPENAI_API_KEY) in both the root directory and the agent folder. Then, you can run the frontend and agent separately using pnpm run dev-frontend and pnpm run dev-agent, respectively, or run both together with pnpm run dev. Finally, open the application in your browser at http://localhost:3000.

Key features of Open MCP Client

  • LangGraph Agent

  • CopilotKit Frontend

  • Environment Variable Configuration

  • Separate Frontend and Agent Execution

  • MCP Server Connection

Use cases of Open MCP Client

  • Interacting with MCP Servers

  • Developing and testing MCP integrations

  • Building UI for MCP Services

  • Automated MCP task execution

  • Managing MCP server state

FAQ from Open MCP Client

What is LANGSMITH_API_KEY used for?

LANGSMITH_API_KEY is used for logging and monitoring the LangGraph agent's execution in LangSmith.

Do I need both OPENAI_API_KEY and LANGSMITH_API_KEY?

Yes, you need both. OPENAI_API_KEY is required for the LangGraph agent to use OpenAI models, and LANGSMITH_API_KEY is for logging and monitoring.

Can I run the client without an MCP server?

The client is designed to interact with MCP servers, so it will not be fully functional without one. You can potentially use a mock server for development purposes.

What is CopilotKit?

CopilotKit is a framework used for building the frontend application, providing UI components and state synchronization.

Where can I find documentation for LangGraph?

You can find documentation for LangGraph on the LangChain website, as it is part of the LangChain ecosystem.