MCP Server Boilerplate
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 Server Boilerplate what tools are included in the boilerplate?"
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 Boilerplate
A starter template for building MCP (Model Context Protocol) servers. This boilerplate provides a clean foundation for creating your own MCP server that can integrate with Claude, Cursor, or other MCP-compatible AI assistants.
Purpose
This boilerplate helps you quickly start building:
Custom tools for AI assistants
Resource providers for dynamic content
Prompt templates for common operations
Integration points for external APIs and services
Related MCP server: MCP Inspector Server
Features
Simple "hello-world" tool example
TypeScript support with proper type definitions
Easy installation scripts for different MCP clients
Clean project structure ready for customization
How It Works
This MCP server template provides:
A basic server setup using the MCP SDK
Example tool implementation
Build and installation scripts
TypeScript configuration for development
The included example demonstrates how to create a simple tool that takes a name parameter and returns a greeting.
Getting Started
# Clone the boilerplate
git clone <your-repo-url>
cd mcp-server-boilerplate
# Install dependencies
pnpm install
# Build the project
pnpm run build
# Start the server
pnpm startInstallation Scripts
This boilerplate includes convenient installation scripts for different MCP clients:
# For Claude Desktop
pnpm run install-desktop
# For Cursor
pnpm run install-cursor
# For Claude Code
pnpm run install-code
# Generic installation
pnpm run install-serverThese scripts will build the project and automatically update the appropriate configuration files.
Usage with Claude Desktop
The installation script will automatically add the configuration, but you can also manually add it to your claude_desktop_config.json file:
{
"mcpServers": {
"your-server-name": {
"command": "node",
"args": ["/path/to/your/dist/index.js"]
}
}
}Then restart Claude Desktop to connect to the server.
Customizing Your Server
Adding Tools
Tools are functions that the AI assistant can call. Here's the basic structure:
server.tool(
"tool-name",
"Description of what the tool does",
{
// Zod schema for parameters
param1: z.string().describe("Description of parameter"),
param2: z.number().optional().describe("Optional parameter"),
},
async ({ param1, param2 }) => {
// Your tool logic here
return {
content: [
{
type: "text",
text: "Your response",
},
],
};
}
);Adding Resources
Resources provide dynamic content that the AI can access:
server.resource(
"resource://example/{id}",
"Description of the resource",
async (uri) => {
// Extract parameters from URI
const id = uri.path.split("/").pop();
return {
contents: [
{
uri,
mimeType: "text/plain",
text: `Content for ${id}`,
},
],
};
}
);Adding Prompts
Prompts are reusable templates:
server.prompt(
"prompt-name",
"Description of the prompt",
{
// Parameters for the prompt
topic: z.string().describe("The topic to discuss"),
},
async ({ topic }) => {
return {
description: `A prompt about ${topic}`,
messages: [
{
role: "user",
content: {
type: "text",
text: `Please help me with ${topic}`,
},
},
],
};
}
);Project Structure
├── src/
│ └── index.ts # Main server implementation
├── scripts/ # Installation and utility scripts
├── dist/ # Compiled JavaScript (generated)
├── package.json # Project configuration
├── tsconfig.json # TypeScript configuration
└── README.md # This fileDevelopment
Make changes to
src/index.tsRun
pnpm run buildto compileTest your server with
pnpm startUse the installation scripts to update your MCP client configuration
Next Steps
Update
package.jsonwith your project detailsCustomize the server name and tools in
src/index.tsAdd your own tools, resources, and prompts
Integrate with external APIs or databases as needed
License
MIT
Available Tools
4 toolsget-network-detailsA
Get detailed information about a specific network request including headers, payload, and response body
Inputs: requestId (required), includeHeaders.
open-urlA
Open a specific URL in the Chrome debug browser window and wait for network traffic to settle
Inputs: url (required).
query-network-trafficB
Query network requests by URL pattern or time range from the active Chrome debugging session. Pages take a few seconds to load, so wait a few seconds before querying.
Inputs: limit, method, urlFilter, statusCode.
start-chrome-debugA
Start Chrome browser with remote debugging enabled. Use this tool to view network traffic and request details.
Inputs: headless, userDataDir.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
TDQS
Scored across 4 tools
Each tool serves a distinct step in the debugging workflow: starting the browser, opening a URL, querying traffic, and inspecting details. Their purposes are clearly different and the descriptions reinforce the separation.
All tool names follow a consistent hyphen-separated, verb-first pattern (start-, open-, query-, get-), making the naming predictable and uniform.
Four tools is well-scoped for a Chrome network debugging server; each tool covers a fundamental operation without unnecessary bloat.
The core workflow is covered, but there is no explicit stop or teardown tool for the debugging session, leaving a minor gap in lifecycle management.
Maintenance
Related MCP Connectors
Nifty's MCP server — exposes tasks, projects, messages, and files as tools for AI agents.
MCP server for generating rough-draft project plans from natural-language prompts.
Primarily to be used as a template repository for developing MCP servers with FastMCP in Python, P…
Create guides as MCP servers to instruct coding agents to use your software (library, API, etc).
Related MCP Servers
- FlicenseCqualityDmaintenanceA starter template for building MCP servers that can integrate with Claude, Cursor, or other MCP-compatible AI assistants to create custom tools, resource providers, and prompt templates.25 npm-
- FlicenseNot gradedqualityDmaintenanceA basic MCP server template that provides a foundation for building custom tools, resources, and prompts. Serves as a starting point for developers to create their own MCP server functionality.-
- FlicenseAqualityDmaintenanceA starter template for building custom MCP servers with example implementations of tools, resources, and prompts. Includes TypeScript support and installation scripts for Claude Desktop, Cursor, and other MCP-compatible clients.25 npm-
- FlicenseCqualityDmaintenanceA starter template for building custom MCP servers with example tools, TypeScript support, and multi-client installation scripts for Claude Desktop, Cursor, and other MCP-compatible AI assistants.211 npm84-