MCP Server Designer

Overview

The MCP Server Designer is a Visual Studio Code extension that provides a user-friendly interface for designing and managing MCP (Microservices Composition Platform) servers. This tool allows users to create, configure, and deploy MCP servers in a visual manner, similar to existing visual editors in WSO2 Micro Integrator.

Features

• Tool-Agnostic Design: Create and manage tools without being tied to specific implementations.
• Dynamic Tool Management: Add, remove, and configure tools in real-time.
• Visual Canvas: Arrange tools and define connections visually.
• Properties Configuration: Define inputs and outputs for each tool with an intuitive properties panel.
• Action Bar: Easily save, deploy, and test your MCP server configurations.

Getting Started

1. Installation: Install the MCP Server Designer extension from the Visual Studio Code marketplace.
2. Open the MCP Server Designer: Use the command palette (Ctrl+Shift+P) and type Create MCP Server to open the MCP Server Designer.
3. Design Your Server:
   • Use the Tools Panel to add tools to your canvas.
   • Configure each tool's properties in the Properties Panel.
   • Arrange tools on the canvas to define their connections.
4. Save and Deploy: Use the Action Bar to save your configuration and deploy it to your desired environment.

Development

To contribute to the MCP Server Designer, follow these steps:

1. Clone the repository.
2. Install dependencies using npm:

   npm install
   

3. Open the project in Visual Studio Code.
4. Run the extension in the Extension Development Host to test your changes.

License

This project is licensed under the MIT License. See the LICENSE file for more details.