What are the runtime requirements?

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

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.

What credentials does it need?

It reads `ANTHROPIC_API_KEY`, `MCP_SERVER_TODOPLAN_URL`, `MCP_SERVER_PROJECT_URL` from the environment. Store these in your client's env block or a secrets manager — never commit them to a repository — and grant the narrowest scope that still covers your use case.

SSyncDev

Start a project

MCP Chat With Claude MCP Server

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

Local serverstdioTypeScript

What is the MCP Chat With Claude MCP Server?

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

The short version

A full-stack application demonstrating the integration of Model Context Protocol (MCP) with Anthropic's Claude LLM, providing an interactive chat interface that leverages MCP tools.

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 with different parameters from each server
Proper handling of Claude's tool use via MCP

What it needs from you

Node.js 17 or higher - npm or yarn - Anthropic API key

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

Configuration

Node.js 17 or higher - npm or yarn - Anthropic API key

Variable	Description	Required
ANTHROPIC_API_KEY	Credential the server authenticates with.	Yes
MCP_SERVER_TODOPLAN_URL	Endpoint or connection string the server talks to.	Yes
MCP_SERVER_PROJECT_URL	Endpoint or connection string the server talks to.	Yes