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., "@weather-mcp what's the weather in Tokyo?"
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.
This project includes:
UI: enter a city name and get current weather
HTTP API: GET /api/weather?city=...
Summary API: GET /api/summary?city=... (optional Claude; falls back to local summary)
MCP server: tool get_weather over stdio
Weather data uses Open‑Meteo (free, no API key).
npm install
npm run devOpen http://localhost:5175.
Claude is not truly free; you’ll need an API key. This project supports either:
ANTHROPIC_API_KEY (direct Anthropic API), or
OPENROUTER_API_KEY (OpenRouter, using an Anthropic Claude model via OPENROUTER_MODEL)
If no key is set, /api/summary and the UI “Summarize” button will fall back to a local summary.
npm install
npm run mcpThen configure your MCP client to launch:
command: npm
args: ["run","mcp"]
cwd: this folder
Tool name:
get_weather with input { "city": "Pune" }
"# MCP_example"
This server cannot be deployed
Current temperature for a city via Open-Meteo. Query discarded after the call.
Real-time weather conditions and multi-day forecasts via Open-Meteo — free, no API key required
Global weather via Open-Meteo: forecast, historical, marine, air quality, geocoding, elevation.
Get current weather for any city and create images from your prompts. Streamline planning, reports…