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., "@MCP Server TypeScriptadd 15 and 27 for me"
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 - TypeScript
A production-ready Model Context Protocol (MCP) server built with TypeScript.
Features
Tools: Execute actions (add, echo, timestamp)
Resources: Access data (server info, greetings, data by ID)
Prompts: Reusable prompt templates (analyze, code-review, summarize)
Project Structure
mcp-server/
├── src/
│ ├── index.ts # Main server entry point
│ ├── tools/ # Tool implementations
│ │ └── index.ts
│ ├── resources/ # Resource handlers
│ │ └── index.ts
│ ├── prompts/ # Prompt templates
│ │ └── index.ts
│ └── utils/ # Helper functions
│ └── helpers.ts
├── build/ # Compiled output (generated)
├── .env.example # Environment template
├── .gitignore
├── package.json
├── tsconfig.json
└── README.mdInstallation
cd mcp-server
npm installConfiguration
Copy
.env.exampleto.env:cp .env.example .envEdit
.envwith your configuration:SERVER_NAME=mcp-server SERVER_VERSION=1.0.0
Development
Build and run the server:
npm run build
npm run devTesting with Claude Desktop
Add to your Claude Desktop config (~/Library/Application Support/Claude/claude_desktop_config.json):
{
"mcpServers": {
"mcp-server": {
"command": "node",
"args": ["/absolute/path/to/mcp-server/build/index.js"]
}
}
}Available Capabilities
Tools
add- Add two numbersecho- Echo text backtimestamp- Get current timestamp
Resources
info://server- Server informationgreeting://{name}- Personalized greetingdata://{id}- Data by ID
Prompts
analyze- Analysis prompt templatecode-review- Code review prompt templatesummarize- Summarization prompt template
Production Deployment
Build the project:
npm run buildThe compiled server is in
build/index.jsRun with:
node build/index.js
Adding New Capabilities
New Tool
Edit src/tools/index.ts and add:
server.registerTool(
'tool-name',
{
title: 'Tool Title',
description: 'Tool description',
inputSchema: {
param: z.string().describe('Parameter description'),
},
},
async ({ param }) => {
// Implementation
return {
content: [{ type: 'text', text: 'result' }],
};
}
);New Resource
Edit src/resources/index.ts and add:
server.registerResource(
'resource-name',
new ResourceTemplate('scheme://{param}', { list: undefined }),
{
title: 'Resource Title',
description: 'Resource description',
},
async (uri, { param }) => {
return {
contents: [{ uri: uri.href, text: 'data' }],
};
}
);New Prompt
Edit src/prompts/index.ts and add:
server.registerPrompt(
'prompt-name',
{
title: 'Prompt Title',
description: 'Prompt description',
},
async () => {
return {
messages: [
{
role: 'user',
content: { type: 'text', text: 'prompt text' },
},
],
};
}
);License
MIT
This server cannot be installed
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.