drio
Open app

MCP Server Playground

Source

Mirror of

Catalog onlyCatalog onlySTDIO

Overview

MCP Server Playground is a TypeScript-based server designed for experimenting with the Model Context Protocol (MCP). It serves as a personalized learning resource and a platform for testing integrations with Calude Desktop and Cursor IDE.

To use MCP Server Playground, clone the repository, install the dependencies, build the project, and start the server. You can also install it automatically via Smithery.

  • TypeScript-based server for better structure and error-checking. - Modular design for easy extension with new commands and features. - Integration-ready with Calude Desktop and Cursor IDE. - Expandable playground for experimenting with additional tools.
  1. Testing new integrations with MCP.
  2. Learning TypeScript through practical examples.
  3. Developing custom tools for Cursor IDE.

Add to your AI client

Use these steps to connect MCP Server Playground 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": {
    "psaboia-mcp-server-example-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-psaboia-mcp-server-example-mcp-mirror"
      ]
    }
  }
}

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": {
    "psaboia-mcp-server-example-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-psaboia-mcp-server-example-mcp-mirror"
      ]
    }
  }
}

Claude Code

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

.mcp.json (project root)

{
  "mcpServers": {
    "psaboia-mcp-server-example-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-psaboia-mcp-server-example-mcp-mirror"
      ]
    }
  }
}

VS Code (Copilot)

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

.vscode/mcp.json

{
  "servers": {
    "psaboia-mcp-server-example-mcp-mirror": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-psaboia-mcp-server-example-mcp-mirror"
      ]
    }
  }
}

Windsurf

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

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "psaboia-mcp-server-example-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-psaboia-mcp-server-example-mcp-mirror"
      ]
    }
  }
}

Cline

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

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "psaboia-mcp-server-example-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-psaboia-mcp-server-example-mcp-mirror"
      ]
    }
  }
}

FAQ

What are the prerequisites for using MCP Server Playground?

You need Node.js (v12 or higher), npm (or Yarn), and TypeScript.

Can I contribute to the project?

Yes! Contributions are welcome, and you can create a pull request with your changes.

Is there a roadmap for future updates?

Yes! The project aims to implement additional tool integrations and improve documentation.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":1323,"uuid":"8576342b-7360-4209-817f-7ab6e174ea74","name":"psaboia_mcp-server-example","title":"MCP Server Playground","description":"Mirror of","avatar_url":"https://avatars.githubusercontent.com/u/192820360?v=4","created_at":"$D2025-02-20T15:12:43.482Z","updated_at":"$D2025-02-23T07:21:19.184Z","status":"created","author_name":"MCP-Mirror","author_avatar_url":"https://avatars.githubusercontent.com/u/192820360?v=4","tags":"mcp-server,typescript,development","category":"developer-tools","is_featured":false,"sort":1,"url":"https://github.com/MCP-Mirror/psaboia_mcp-server-example","target":"_self","content":"$29","summary":"$2a","img_url":"https://camo.githubusercontent.com/6d5cf74efb1806566b3cbd2cc03d61bd56f8dd6a7a018d52efc2bc4d5f84a025/68747470733a2f2f736d6974686572792e61692f62616467652f6d63702d7365727665722d706c617967726f756e64","type":null,"metadata":null,"user_uuid":null,"tools":null,"sse_url":null,"sse_provider":null,"sse_params":null,"is_official":false,"server_command":null,"server_params":null,"server_config":null,"allow_call":false,"is_innovation":false,"is_dxt":false,"dxt_manifest":null,"dxt_file_url":null,"is_audit":false},"randomProjects":[],"currentServerKey":"$undefined"}]]}]

Developer tools