drio
Open app

Pokemon MCP Demo

Source

A quick pokemon demo to showcase MCP server, client, and host

Catalog onlyCatalog onlySTDIO

Overview

Pokemon MCP Demo is a project that showcases the integration of the Model Context Protocol (MCP) with Pokemon data, featuring a server, client, and host setup.

To use the demo, install the necessary dependencies with bun install, then run the MCP client which automatically launches the MCP server using bun mcp_client.ts. For HTTP server integration, set your OpenRouter API key and run bun http_server.ts.

  • MCP server providing Pokemon data and attack capabilities - MCP client for interaction with the server - HTTP server for LLMs to utilize Pokemon tools via OpenRouter
  1. Demonstrating the capabilities of MCP with Pokemon data.
  2. Allowing users to execute random Pokemon attacks using LLM.
  3. Providing a platform for developers to integrate Pokemon tools into their applications.

Add to your AI client

Use these steps to connect Pokemon MCP Demo in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "mcp-client-server-host-demo-danwritecode": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-client-server-host-demo-danwritecode"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "mcp-client-server-host-demo-danwritecode": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-client-server-host-demo-danwritecode"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "mcp-client-server-host-demo-danwritecode": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-client-server-host-demo-danwritecode"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "mcp-client-server-host-demo-danwritecode": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-client-server-host-demo-danwritecode"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "mcp-client-server-host-demo-danwritecode": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-client-server-host-demo-danwritecode"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "mcp-client-server-host-demo-danwritecode": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-client-server-host-demo-danwritecode"
      ]
    }
  }
}

FAQ

What is the purpose of the MCP server?

The MCP server provides access to Pokemon data and allows for executing attacks.

How do I run the HTTP server?

Set your OpenRouter API key and run `bun http_server.ts` to start the server.

Can I use this demo for other types of data?

While this demo is focused on Pokemon, the MCP framework can be adapted for other data types.

Developer tools