MCP HubMCP Hub
zueai

mcp-manager

by: zueai

simple web ui to manage mcp (model context protocol) servers in the claude app

187created 08/12/2024
Visit
web
management

📌Overview

Purpose: To provide a desktop application that enables users to manage Model Context Protocol (MCP) servers for enhanced functionality in the Claude Desktop app on MacOS.

Overview: MCP Manager for Claude Desktop is an intuitive application designed for MacOS that allows users to effortlessly manage various MCP servers, enabling Claude to access and utilize private data and services seamlessly. The application is straightforward to set up, ensuring a smooth user experience.

Key Features:

  • User-friendly Interface: Offers an easy-to-use desktop interface for managing MCP server settings, making it accessible for all users.

  • Local Data Processing: Operates locally on the user's computer, ensuring that sensitive data remains private and secure.

  • Quick Setup for Various Servers: Provides rapid integration with several popular MCP servers such as Apple Notes, AWS Knowledge Base, GitHub, Google Drive, and many more, allowing users to maximize Claude's capabilities quickly.

  • Simple Configuration Management: Facilitates effortless configuration of environment variables and server settings to enhance user adaptability.

  • One-click Command Copying: Simplifies installation processes with easy copying of terminal commands for a hassle-free setup experience.

MCP Manager for Claude Desktop

A desktop application to manage Model Context Protocol (MCP) servers for the Claude Desktop app on MacOS. Follow the instructions to give your Claude app instant superpowers.

What is MCP?

The Model Context Protocol (MCP) enables Claude to access private data, APIs, and other services to answer questions and perform actions on your behalf. Learn more about MCP at:

Features

  • 🚀 Easy-to-use desktop interface for managing MCP servers
  • 🔒 Runs locally - your data never leaves your computer
  • ⚡️ Quick setup for popular MCP servers:
    • Apple Notes
    • AWS Knowledge Base
    • Brave Search
    • Browserbase
    • Cloudflare
    • Everart
    • Exa
    • Filesystem
    • GitHub
    • GitLab
    • Google Drive
    • Google Maps
    • Memory
    • Obsidian
    • Perplexity
    • PostgreSQL
    • Puppeteer
    • Sequential Thinking
    • Slack
    • SQLite
    • Todoist
    • YouTube Transcript
  • 🛠 Simple configuration of environment variables and server settings
  • 📋 One-click copying of terminal commands for installation

Tech Stack

  • Desktop Framework:
    • Electron 29.1.4 with React 18.3.1
    • TypeScript 5.6.2
  • Build Tool:
    • Vite 6.0.1
    • Electron Builder 25.1.8
  • UI Components:
    • TailwindCSS 3.4.16
    • DaisyUI 4.12.14
    • Lucide React 0.468.0 for icons
    • Tiempos Font
  • Code Quality:
    • Biome 1.9.4
    • ESLint 9.15.0
  • Package Manager: Bun

Project Structure

src/
├── components/ # React components
│ ├── server-configs/ # Server-specific configuration components
│ └── ...
├── assets/ # Static assets and fonts
├── App.tsx # Main application component
├── server-configs.ts # MCP server configurations
└── utils.ts # Utility functions
electron/
├── main.ts # Electron main process
└── tsconfig.json # TypeScript config for Electron

Development

  1. Install dependencies:

    bun install

  2. Start development:

    bun electron:dev

  3. Build for MacOS:

    rm -rf dist dist-electron # When rebuilding
bun electron:build # Creates .dmg installer

  4. Additional commands:

    bun check # Run TypeScript checks and Biome formatting
bun lint # Run ESLint

Work to be done

Add preset MCPs:

  • Fetch
  • Time-related
  • Sentry

Contributions to resolve these are welcome!

Contributing

Contributions are extremely welcome! Please open a PR with new MCP servers or any other improvements to the codebase.

Disclaimer

This project is not affiliated with Anthropic. All logos are trademarks of their respective owners.

License

MIT