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`).
MCP Chat with Claude
@jiangyan
基本信息
关于 MCP Chat with Claude
A typescript example for web app as the host connecting node mcp server
MCP Chat with Claude 配置
MCP Chat with Claude 工具
工具列表暂未提供
当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。
工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。
概览
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
常见问题
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.
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).
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.
AI 与智能体 分类下的更多 MCP 服务器
F
fhirHydrant
faulkjOpen-source Node.js FHIR MCP server with SMART Backend Services, metadata-aware search/CRUD tools, compact responses, FHIRPath filtering, safe pagination, audit events, and terminology lookup.
14
Rumoro
@RumoroSocial listening for AI agents. Rumoro's remote MCP server lets Claude, Cursor, Codex and other MCP clients search and sort mentions of your product, your competitors and your topics on Reddit, X, Hacker News, GitHub, Yo
Pocket Network Agentic Marketplace: Pay-per-Call APIs
Pocket Network FoundationMCP server for the Pocket Network agentic marketplace: search our catalog of data services and utilities and call them, paying per request in USDC on Base with x402. No account or API key. Search and describe are free; p
Hostinger
hostingerModel Context Protocol (MCP) server for Hostinger API. If you don't want to install or run anything locally, connect directly to Hostinger's hosted MCP server: This opens a browser window to authorize via OAuth. Once app
148
Ads Uploader — Meta Ads MCP
Ads UploaderLaunch Meta ads with your AI agent. Bulk-create Facebook and Instagram ads, import Google Drive creatives, launch partnership ads with authorized creators, and review saved builds before launch.
评论