mcp-server
Click on "Deploy 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., "@mcp-serverwhat time is it in New York?"
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.
mcp-server
A starter Model Context Protocol (MCP) server, built with the official TypeScript SDK.
It ships with two example tools:
echo— echoes a message back to the caller (useful for testing connectivity)get_time— returns the current date/time, optionally in a given IANA timezone
Use these as templates, then add your own tools in src/index.ts.
Getting started
npm install
npm run build
npm startThe server communicates over stdio, so it's meant to be launched by an MCP client (e.g. Claude Desktop, Claude Code) rather than run standalone.
Related MCP server: TypeScript MCP Server Boilerplate
Development
npm run dev # watch mode, recompiles on changeTest interactively with the MCP Inspector:
npm run build
npm run inspectorConnecting to an MCP client
Add an entry pointing at the built server, e.g. for Claude Desktop's claude_desktop_config.json:
{
"mcpServers": {
"mcp-server": {
"command": "node",
"args": ["/absolute/path/to/mcp-server/build/index.js"]
}
}
}Registering with the Claude Code CLI
You can also register this server (or any third-party MCP server) with the claude mcp add command instead of editing a client's config file by hand:
# This project, at user scope (available in every project on your machine)
claude mcp add mcp-server -s user -- node /absolute/path/to/mcp-server/build/index.jsThe same pattern works for other MCP servers distributed via npm. A couple of examples:
Perplexity's MCP server (requires an API key):
claude mcp add perplexity -s user --env PERPLEXITY_API_KEY="your-api-key" -- npx -y @perplexity-ai/mcp-serverPlaywright's MCP server (browser automation, no API key needed):
claude mcp add playwright -s user -- npx -y @playwright/mcp@latest-s userregisters the server at user scope (all projects); use-s projectto scope it to the current repo instead.--env KEY=valuepasses environment variables (e.g. API keys) to the server process.Everything after
--is the command used to launch the server.Replace
"your-api-key"with a real key from the provider's dashboard — a placeholder value will cause auth failures.
Project structure
src/
index.ts # server entry point: tool definitions + handlers
build/ # compiled output (generated, gitignored)Adding a new tool
Add its JSON schema to the
TOOLSarray insrc/index.ts.Handle it in the
CallToolRequestSchemaswitch statement.Validate its arguments with a zod schema, as the examples do.
Rebuild (
npm run build) and reconnect your MCP client.
This server cannot be deployed
Maintenance
Related MCP Connectors
A simple Typescript MCP server built using the official MCP Typescript SDK and smithery/cli. This…
The official MCP Server for the Mux API
Related MCP Servers
- AlicenseBqualityDmaintenanceA TypeScript starter template for building MCP servers with example tools (echo, math operations, time, flight status) and resources (server info, greetings). Provides a modular architecture for easily extending with custom tools and resources.46 npmISC
- FlicenseAqualityDmaintenanceA starter project for rapidly developing Model Context Protocol servers using TypeScript and the official SDK. It includes pre-implemented examples of tools and resources to help developers jumpstart their custom MCP server development.6-
- FlicenseBqualityDmaintenanceA TypeScript MCP server boilerplate providing example tools and resources for rapid development and testing of Model Context Protocol servers.7-
- AlicenseAqualityAmaintenanceA minimal MCP server that provides a health check (server_info) and multi-language greeting (greet) tools, built with TypeScript and the official SDK.2MIT