MCP HubMCP Hub
MediaPublishing

mcp-manager

by: MediaPublishing

A web-based GUI tool for managing Model Context Protocol (MCP) servers in Claude and Cursor

9created 17/12/2024
Visit
GUI
web

๐Ÿ“ŒOverview

Purpose: To provide a user-friendly web-based tool for managing Model Context Protocol (MCP) servers in Claude and Cursor.

Overview: The MCP Server Manager is a web-based GUI that simplifies the management of MCP servers, allowing users to seamlessly enable or disable servers and access their tools while ensuring secure handling of sensitive information.

Key Features:

  • Server Management: Users can quickly enable or disable MCP servers through intuitive toggle switches, streamlining the management process.

  • Automatic Syncing: Changes made in the MCP Server Manager are automatically synchronized between Claude and Cursor, ensuring consistency across platforms.

  • Tool Visibility: The interface displays available tools for each server, making it easy for users to identify and utilize the required resources.

  • Security: The framework emphasizes secure handling of environment variables and API keys to protect sensitive information.

  • Responsive Design: The tool is designed to be accessible on any screen size, providing versatility and ease of use across devices.


MCP Server Manager

A web-based GUI tool for managing Model Context Protocol (MCP) servers in Claude and Cursor. This tool allows you to easily enable or disable MCP servers and their tools through a user-friendly interface.

Features

  • ๐ŸŽ›๏ธ Enable/disable MCP servers with simple toggle switches
  • ๐Ÿ”„ Changes are automatically synced between Claude and Cursor
  • ๐Ÿ› ๏ธ View available tools for each server
  • ๐Ÿ”’ Secure handling of environment variables and API keys
  • ๐Ÿ“ฑ Responsive design that works on any screen size

Installation

  1. Clone this repository:
    git clone https://github.com/yourusername/mcp-manager.git
    cd mcp-manager
    
  2. Install dependencies:
    npm install
    
  3. Create a configuration file:
    cp config.example.json config.json
    
  4. Start the server:
    npm start
    
  5. Open http://localhost:3456 in your browser

Configuration

The MCP Server Manager uses two configuration files:

  • config.json: Main configuration file for the server
  • Claude config: Located at ~/Library/Application Support/Claude/claude_desktop_config.json (macOS)
  • Cursor config: Located at ~/Library/Application Support/Cursor/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json (macOS)

Example Configuration

{
  "mcpServers": {
    "example-server": {
      "command": "node",
      "args": ["/path/to/server.js"],
      "env": {
        "API_KEY": "your-api-key"
      }
    }
  }
}

Usage

  1. Launch the MCP Server Manager
  2. Use the toggle switches to enable or disable servers
  3. Click "Save Changes" to apply your changes
  4. Restart Claude to activate the new configuration

Keywords

  • Model Context Protocol (MCP)
  • Claude AI
  • Anthropic Claude
  • Cursor Editor
  • MCP Server Management
  • Claude Configuration
  • AI Tools Management
  • Claude Extensions
  • MCP Tools
  • AI Development Tools

Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

License

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

Acknowledgments

  • Built for use with Anthropic's Claude AI
  • Compatible with the Cursor editor
  • Uses the Model Context Protocol (MCP)