Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Example MCP Servershow me my system specs and node version"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Example MCP Server
A complete Model Context Protocol (MCP) server implementation in Node.js + TypeScript that integrates with Claude Desktop as a local tool.
What is MCP?
The Model Context Protocol (MCP) is a standardized protocol that enables large language models (like Claude) to safely interact with external tools and data sources. MCP servers expose capabilities (tools) that Claude can discover and invoke in real-time during conversations.
Key Features of MCP:
Tool Discovery: Claude can query available tools and their parameters
Safe Execution: Structured JSON-RPC messages with validation
Stdio Transport: For local integration with Claude Desktop
Extensible: Easy to add new tools with standardized interfaces
Project Structure
Getting Started
Prerequisites
Node.js 18+ (LTS)
npm or yarn
Claude Desktop (for testing)
Installation
Clone or navigate to the project directory:
Install dependencies:
Build the TypeScript code:
This compiles all .ts files in src/ to JavaScript in the dist/ folder.
Running the MCP Server
The server will start listening on stdin/stdout, ready to receive JSON-RPC messages.
Testing the Server Locally
Using curl with echo (Windows PowerShell)
Test the tools/list endpoint:
Using a Node.js test script
Create test.js:
Run with:
Available Tools
1. ping
A simple health check tool.
Request:
Response:
2. system_info
Returns system and platform information.
Request:
Response:
Registering with Claude Desktop
To make this MCP server available in Claude Desktop:
Windows
Open
%APPDATA%\Claude\claude_desktop_config.jsonAdd this server configuration:
Replace C:\path\to\example-mcp-server with the actual full path to your project.
macOS
Open
~/Library/Application Support/Claude/claude_desktop_config.jsonAdd the server configuration (use POSIX paths)
Linux
Open
~/.config/Claude/claude_desktop_config.jsonAdd the server configuration
Example Configuration
Restart Claude Desktop for the changes to take effect
In Claude, look for the tool icon or mention "use the ping tool" or "check system info"
Adding New Tools
To add a new tool:
Create a tool file in
src/tools/(e.g.,src/tools/my_tool.ts):
Register it in :
Rebuild and restart:
MCP Protocol Overview
The server implements the MCP specification with support for:
initialize: Handshake with client
tools/list: Returns available tools and schemas
tools/call: Executes a tool with provided arguments
All communication uses JSON-RPC 2.0 format with structured error handling.
Troubleshooting
Server won't start
Ensure Node.js 18+ is installed:
node --versionCheck TypeScript compiled correctly:
npm run buildVerify
dist/mcp/server.jsexists
Claude Desktop doesn't see the server
Double-check the path in
claude_desktop_config.jsonis correct and absoluteRestart Claude Desktop after updating config
Check server runs locally:
npm start
Tool calls fail
Ensure tool name matches exactly (case-sensitive)
Verify required parameters are provided
Check error message in JSON-RPC response
Scripts
License
MIT