MCP-Mirror

MCP Server Playground

Community MCP-Mirror
Updated

A Model Context Protocol server example

MCP Server Playground

smithery badge

This repository is a playground for experimenting with an MCP Server built with TypeScript. It is a personalized version of the tutorial and video on building an MCP Server, and it is intended both as a learning resource and a platform to test integrations with Calude Desktop and Cursor IDE.

Background

This project is based on the material from:

The original tutorial provided a foundation which I have extended. Alongside the examples from the tutorial, I plan to add additional tools and functionalities to evolve this code into a robust playground for MCP Server experiments.

Features

  • TypeScript-based server: Leveraging TypeScript for better structure and error-checking.
  • Modular design: Easy to extend with new commands, features, and integrations.
  • Integration-ready: Designed to work with Calude Desktop and Cursor IDE for an improved development experience.
  • Expandable playground: A sandbox environment to experiment with additional tools and modifications beyond the tutorial examples.

Getting Started

Prerequisites

  • Node.js (v12 or higher)
  • npm (or Yarn, based on your preference)
  • TypeScript (if not installed globally)

Installing via Smithery

To install MCP Server Playground for Claude Desktop automatically via Smithery:

npx -y @smithery/cli install mcp-server-playground --client claude

Installation

  1. Clone the repository:
    git clone <repo_url>
    cd mcp-server
    
  2. Install dependencies:
    npm install
    
  3. Build the project:
    npm run build
    
  4. Start the server:
    npm start
    

Configuration

This project uses environment variables. Create a .env file to set your configuration options. If an example file (.env.example) is provided in the future, use it as a template.

Development

  • IDE Integration:
    • Designed to work smoothly with Cursor IDE and Calude Desktop.
    • Leverage the built-in tools and extensions supported by these IDEs to maximize productivity.
  • Extending the Project:
    • Feel free to add new commands, integrations, or modify existing functionalities.
    • The modular structure of the server makes it easy to plug in additional tools and features.

Project Structure

mcp-server/
├── src/                # Source code directory
│   └── index.ts       # Main server implementation
├── build/             # Compiled JavaScript files
├── package.json       # Project dependencies and scripts
├── tsconfig.json     # TypeScript configuration
└── README.md         # Project documentation

Available Scripts

  • npm run build - Compiles TypeScript code and sets proper permissions
  • npm run prepare - Runs build script (useful for git hooks)
  • npm run watch - Watches for changes in TypeScript files
  • npm run inspector - Runs the MCP inspector tool

Contributing

Contributions are welcome! If you have suggestions, improvements, or new integrations, please fork the repository and create a pull request with your changes.

References

License

This project is licensed under the MIT License - see the LICENSE file for details.

Notes

This project is a sandbox environment aimed at testing various adaptations and integrations for an MCP Server. Updates and expansions will be made as new tools and ideas are developed.

Roadmap

  • Implement additional tool integrations beyond the tutorial examples
  • Add comprehensive documentation for each tool
  • Create example integrations with Calude Desktop
  • Develop custom tools for Cursor IDE integration
  • Add testing framework and examples

MCP Server · Populars

MCP Server · New

    anysiteio

    AnySite MCP Server

    A Model Context Protocol (MCP) server that provides comprehensive access to LinkedIn data and functionalities using the AnySite API, enabling not only data retrieval but also robust management of user accounts.

    Community anysiteio
    kontext-dev

    browser-use-mcp-server

    Browse the web, directly from Cursor etc.

    Community kontext-dev
    WordPress

    MCP Adapter

    An MCP adapter that bridges the Abilities API to the Model Context Protocol, enabling MCP clients to discover and invoke WordPress plugin, theme, and core abilities programmatically.

    Community WordPress
    HzaCode

    OneCite

    📚 An intelligent toolkit to automatically parse, complete, and format academic references, with Model Context Protocol (MCP) support.

    Community HzaCode
    cexll

    Codex MCP Tool

    Codex Mcp Server

    Community cexll