MCPHub

Provides a web/extension tool to manage MCP servers, configure environments, and monitor status in real time.

javascript

9

GitHub Stars

javascript

Language

4 months ago

First Indexed

3 weeks ago

Catalog Refreshed

Documentation & install

Readme and setup notes from the catalogue, plus a client-ready config you can copy for your MCP host.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

{
  "mcpServers": {
    "hemangjoshi37a-mcphub": {
      "command": "node",
      "args": [
        "@modelcontextprotocol/server-github"
      ],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "YOUR_TOKEN_HERE"
      }
    }
  }
}

MCPHub is a hybrid web and extension tool for managing MCP servers. It provides a modern web interface to browse, configure, and monitor MCP servers while securely integrating with the local system for operations. This guide shows you how to install, run, and start using MCPHub to manage your MCP servers effectively.

How to use

You use MCPHub to manage MCP servers through a central registry, configure environment variables, and monitor status in real time. The workflow generally involves running a local MCP server process (stdio) or connecting to a remote MCP server (http), then using the web interface to start, stop, and configure servers, review their status, and manage their environment variables.

How to install

Prerequisites: ensure you have a modern Node.js and npm installed on your system, and you can run Chrome for extension installation.

Windows installation steps

Load a copy of the Chrome extension and native host from the chrome-extension directory on your machine.
Run the installation script.

cd chrome-extension/scripts

windows-install.bat

In Chrome, open chrome://extensions, enable Developer mode, choose Load unpacked, and select the chrome-extension directory.

MacOS/Linux installation steps

Clone or copy the project files to your development environment, then run the installation script.

cd chrome-extension/scripts

For MacOS

./macos-install.sh

For Linux

./linux-install.sh

In Chrome, open chrome://extensions, enable Developer mode, choose Load unpacked, and select the chrome-extension directory.

Run Web Frontend

Navigate to the web directory.

cd web

Install dependencies.

npm install

Start the development server.

npm run dev

Open http://localhost:3000 in Chrome to access the web interface.

Configuration

Claude Desktop integration is supported; the Claude Desktop config file can be located in standard application paths on your platform, so you can coordinate MCPHub with Claude settings.

Example MCP server configuration

{
  "mcpServers": {
    "github": {
      "command": "node",
      "args": [
        "@modelcontextprotocol/server-github"
      ],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "your-token-here"
      }
    }
  }
}

Notes on environment and server access

The provided MCP server config demonstrates a stdio setup where MCPHub launches a local node process with the specified server package as an argument. You can supply environment variables for secure credentials, such as tokens, as shown in the example.

Development and contribution

You can contribute by adding new MCP servers to the registry and updating the registry file with the server’s runtime, package, version, and any command arguments. Follow standard git workflows to propose changes and open pull requests for review.

Security and usage cautions

Keep access tokens and credentials secure. Use environment variables to avoid hard-coding secrets in configuration files. Only run MCP servers from trusted sources and monitor real-time status to detect any unusual activity.