Advertise
MCP.so
Sign In

MCP Chat with Claude

@jiangyan

Repository

Basic information

Category

AI & Agents

Transports

stdio

Author

jiangyan

About MCP Chat with Claude

A typescript example for web app as the host connecting node mcp server

MCP Chat with Claude config

No standard config provided

This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.

Repository

MCP Chat with Claude tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is MCP Chat with Claude?

MCP Chat with Claude is a full-stack application that demonstrates the integration of the Model Context Protocol (MCP) with Anthropic’s Claude LLM. It provides an interactive chat interface where Claude can discover and use tools from multiple MCP servers. This project is aimed at developers exploring MCP‑enabled agent architectures.

How to use MCP Chat with Claude?

After cloning the repository, install dependencies in both server/ and client/ directories with npm install. Create .env files for the client (with ANTHROPIC_API_KEY, MCP_SERVER_TODOPLAN_URL, MCP_SERVER_PROJECT_URL, PORT) and the server (with MCP_SERVER_TODOPLAN_PORT, MCP_SERVER_PROJECT_PORT). Start the TodoPlan and Project MCP servers using npm run start:todoplan and npm run start:project from the server/ folder. Then start the host app from client/ with npm start and navigate to http://localhost:3000.

Key features of MCP Chat with Claude

  • Interactive chat interface with Claude AI
  • Two‑panel UI showing conversation and tool execution details
  • Dynamic tool discovery from multiple MCP servers
  • Support for specialized tools from each server
  • Proper handling of Claude’s tool use via MCP
  • Standalone MCP client example for programmatic access

Use cases of MCP Chat with Claude

  • Query project details using the Project MCP server (e.g., “Tell me about project Earth”)
  • Retrieve todo items for specific categories through the TodoPlan MCP server
  • Combine insights from multiple servers, such as finding a todo and related projects
  • Test and develop new MCP tools with a ready‑made web interface

Frequently asked questions

1

What MCP servers are included?

Two servers are provided: the TodoPlan MCP server (tools: `get-todo`, `get-plan`) and the Project MCP server (tool: `get-project-details`).

2

What are the runtime requirements?

Node.js 17 or higher, npm or yarn, and an Anthropic API key are required.

3

How do I add a new tool to an MCP server?

Open the relevant server file (e.g., `mcp-server-todoplan.ts`), add a tool definition following the existing pattern, then rebuild and restart the server.

4

Why do I get a “tool not found” error?

Ensure both MCP servers are running and that tool names match exactly (server‑prefixed names like `todoplan-server_get-todo` are used).

5

How do I connect programmatically without the web UI?

A standalone MCP client example (`mcp-client-example.ts`) is included; run it with `npm run client` from the `client/` directory.

Comments

More AI & Agents MCP servers

OpenZiti MCP Gateway

openziti

NetFoundry MCP Gateway enables secure, isolated access to Model Context Protocol (MCP) tools across distributed systems without exposing public endpoints. Zero trust gateway for MCP servers. Aggregate, filter, and secure

48

AON — Agent Offer Network

AON

AON MCP connects AI agents to real, buyable products and services with live pricing and tracked links—enabling builders to earn developer revenue share from attributed clicks and conversions.

2

HeyLead: LinkedIn Outreach & Lead Generation MCP Server

D4umak

HeyLead: AI agent for LinkedIn outreach. Finds the right people, writes in your voice, follows up and handles replies, from Claude Code, Cursor, any MCP client or a web dashboard.

9
F

Factanker

FACTANKER serves 1.18B+ evidence-backed facts about US companies, banks, nonprofits and federal spending, sourced from SEC EDGAR, FFIEC call reports, IRS 990 filings and USAspending. Every value carries its evidence: fil

L

Legion MCP

faulkj

MCP-native LLM councils for debates, juries, blind panels, voting, refinement, and custom multi-model deliberation.

1
Advertise