DIY MCP
A from-scratch implementation of the Model Context Protocol (MCP) for building servers and clients, using a Chinese tea collection as an example.
DIY MCP
A simple from-scratch implementation of the Model Context Protocol (MCP) for building MCP servers and clients using stdio. This example uses a simple Chinese tea collection with descriptions, origins, etc.
For production applications, check out the official MCP SDKs.
Project Structure
mcp/
├── server/ # MCP server for Chinese tea information
│ └── src/
│ ├── index.ts
│ ├── stdio.ts
│ └── teas.json
└── client/ # MCP client CLI with Claude as LLM
└── src/
├── index.ts
└── llm.ts
MCP Server
The core of this implementation is a lightweight MCP server. It offers the following resources and tools:
- Resources:
tea://teas: List of all available teastea://teas/{slug}: Details of a specific tea
- Tools:
getTeasByType: Get all teas of a specific typegetTeasByRegion: Get all teas from a specific province or region
Setup
cd server
npm install
npm run build
Running
You can test the MCP server with MCP Inspector, an interactive tool for testing and debugging MCP servers.
cd server
npm run inspector
MCP Client
You can interact with the MCP server through an MCP client like Claude Desktop, alternatively, you can use the included DIY MCP client. By adding your Anthropic API key, you can have Claude intelligently determine which tools to use based on your prompt.
The client provides three interaction modes:
- Ask LLM: Let Claude interact with the MCP server
- Get a resource: Directly access MCP server resources
- Use a tool: Directly call MCP server tools
Setup
cd client
npm install
To use Claude, first copy the example environment file and add your Anthropic API key with available credits to the ANTHROPIC_API_KEY variable:
cp .env.example .env
Running
The client will automatically start the MCP server, so ensure you've built it first.
cd server
npm run build
cd client
npm start
Usage
Once running, you can interact with the MCP server through the MCP client CLI. Try asking the LLM some questions about Chinese tea:
- "What teas do you know about?"
- "Which teas come from Fujian?"
- "What is your favorite green tea?"
Resources
Server Terkait
Scout Monitoring MCP
sponsorPut performance and error data directly in the hands of your AI assistant.
Alpha Vantage MCP Server
sponsorAccess financial market data: realtime & historical stock, ETF, options, forex, crypto, commodities, fundamentals, technical indicators, & more
SVGR
A MCP server that exposes SVGR functionality to convert SVG content into React components
Deliberate Reasoning Engine (DRE)
Transforms linear AI reasoning into structured, auditable thought graphs, enabling language models to externalize their reasoning process as a directed acyclic graph (DAG).
Unreal-Blender MCP
A unified server to control Blender and Unreal Engine via AI agents.
Figma MCP Server
Provides read-only access to Figma files and projects using the Figma API.
Bedrock Server Manager
Manage your Bedrock server with natural language commands using the Bedrock Server Manager API.
Gwirian
Modern Open source Test Management with MCP Server integration
Figma to React Native MCP
Convert Figma designs into React Native components.
AI Develop Assistant
Assists AI developers with requirement clarification, module design, and technical architecture.
Authless MCP Server Example
An example of a remote MCP server deployable on Cloudflare Workers without authentication.
GXtract
GXtract is a MCP server designed to integrate with VS Code and other compatible editors. It provides a suite of tools for interacting with the GroundX platform, enabling you to leverage its powerful document understanding capabilities directly within your development environment.