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., "@Weather MCP Serverwhat's the weather like in Tokyo today?"
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.
Weather MCP Server
A Model Context Protocol (MCP) server that provides weather information.
Installation
pnpm installUsage
Start the Server
pnpm startRun Tests
pnpm testUsing with MCP Inspector
To test your server with the MCP Inspector:
Install the Inspector (if not already installed):
npx @modelcontextprotocol/inspectorConfigure the connection:
Command:
npxArgs:
tsx main.tsOr use the full command:
npx tsx /path/to/mcpWeather/main.ts
Test the tool:
Select the
fetch-WeathertoolEnter a city name (e.g., "Bogotá")
Call the tool
Tools
fetch-Weather
Get the weather for a given location.
Parameters:
city(string, required): City name like 'Bogotá'
Example:
{
"city": "Bogotá"
}Response:
{
"content": [
{
"type": "text",
"text": "The weather in Bogotá is sunny"
}
]
}Important Notes
⚠️ Zod Version: This project uses Zod v3.23.8 to match the MCP SDK requirements. Do not upgrade to Zod v4 as it will cause parameter registration issues.
Development
The server uses:
MCP SDK:
@modelcontextprotocol/sdkv1.20.0Zod: v3.23.8 (for parameter validation)
TSX: v4 (for running TypeScript)