psaboia_mcp-server-example
MCP Server Playground is a TypeScript-based environment for experimenting with MCP Server integrations, designed to work with Calude Desktop and Cursor IDE.
MCP Server Playground
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
- Clone the repository:
git clone <repo_url> cd mcp-server
- Install dependencies:
npm install
- Build the project:
npm run build
- 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 permissionsnpm run prepare
- Runs build script (useful for git hooks)npm run watch
- Watches for changes in TypeScript filesnpm 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
- Build your first MCP Server with TypeScript in Under 10 Minutes
- MCP Server Tutorial Video
- Model Context Protocol SDK Documentation
License
This project is licensed under the MIT License - see the 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
Related MCP Servers
View all typescript servers āmcp-unity
by CoderGamester
MCP Unity is an implementation of the Model Context Protocol for Unity Editor, allowing AI assistants to interact with your Unity projects.
marvel-mcp
by DanWahlin
MCP Server for the Marvel Developer API, enabling interaction with characters and comics data.
DoorDash-MCP-Server
by JordanDalton
The MCP Server Guide provides instructions for building and deploying a Model Context Protocol server using Node.js and TypeScript.
superset-mcp-server
by LiusCraft
The MCP Server Superset is a server-side application built on the Apache Superset REST API, enabling basic query capabilities through large models.
hubble-ai-mcp
by HubbleVision
Hubble AI for Solana is an AI-powered analytics tool that provides data analysis and visualization for Solana blockchain transactions using natural language queries.
dad-mcp
by andyrewlee
DadMCP is a remote Model Context Protocol server designed to enhance children's creativity through AI-powered education at home.
wrenai-mcp-server
by jfzhou5
Custom MCP servers for wrenai are designed to facilitate the integration and testing of model context protocol servers with specific configurations and tools.