LogoIndieHub
icon of Open MCP Client

Open MCP Client

mcp-client-langgraph: A LangGraph agent connecting to MCP servers with CopilotKit UI for state synchronization, designed for streamlined development.

Introduction

CopilotKit/mcp-client-langgraph

A LangGraph agent that connects to MCP (Multi-Copilot Platform) servers and calls their tools, coupled with a frontend application using CopilotKit for UI and state synchronization.

Key Features:

  • LangGraph Agent: Integrates with MCP servers, enabling access to a variety of tools.
  • CopilotKit UI: Provides a user-friendly interface for interacting with the agent.
  • State Synchronization: Ensures seamless state management between the frontend and backend.
  • Modular Architecture: Code is factored into /agent (LangGraph agent) and /app (frontend application) for better organization.

Use Cases:

  • Building interactive applications that leverage multiple copilot services.
  • Creating custom agents with access to specialized tools.
  • Developing user interfaces for managing and monitoring copilot interactions.

Development Setup:

  1. Set up environment variables in .env files for both the root and /agent directories, including LANGSMITH_API_KEY and OPENAI_API_KEY.
  2. Run the frontend and agent separately for easier debugging:
    # Terminal 1 - Frontend

pnpm run dev-frontend

Terminal 2 - Agent

pnpm run dev-agent

3.  Alternatively, run both services together:
```shell
pnpm run dev
  1. Access the application at http://localhost:3000.