MCP.so
Sign In

Getting Started

@copilotkit

About Getting Started

Overview

What is Getting Started?

A project comprising a LangGraph agent that connects to MCP servers and calls their tools, paired with a frontend application built with CopilotKit for UI and state synchronization.

How to use Getting Started?

Set environment variables in .env files at the root and inside the agent folder, install Poetry for dependency management, then run the frontend and agent separately in different terminals (pnpm run dev-frontend and pnpm run dev-agent) or together (pnpm run dev). Open http://localhost:3000 in a browser.

Key features of Getting Started

  • LangGraph agent connects to MCP servers and calls tools.
  • Frontend uses CopilotKit for UI and state sync.
  • Run frontend and agent in separate terminals for debugging.
  • Environment variables configured via .env files.
  • Poetry used for agent dependency management.

Use cases of Getting Started

FAQ from Getting Started

What is the architecture of Getting Started?

The codebase is split into two parts: an /agent folder containing a LangGraph agent that connects to MCP servers and calls their tools, and an /app folder with a CopilotKit frontend.

How do I run the application in development?

You can run the frontend and agent separately in different terminals using pnpm run dev-frontend and pnpm run dev-agent, or run both together with pnpm run dev.

What environment variables are required?

The root .env requires LANGSMITH_API_KEY and OPENAI_API_KEY. The agent/.env file also requires OPENAI_API_KEY and LANGSMITH_API_KEY.

How is dependency management handled?

Poetry is used for dependency management in the agent service. Install it with pip install poetry and verify with poetry --version.

What is the purpose of the MCP server connection?

The LangGraph agent connects to MCP servers and calls their tools, enabling tool‑use within the agent flow.

Comments

More Agent Frameworks MCP clients