MMCPMarkets
HM

hemangjoshi37a/mcphub

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

12 stars 3 forks 品質 71 トレンド 8MIT
Repository Install

MCPHub - A cross-platform GUI application to discover, install, and manage Model Context Protocol (MCP) servers. Think of it as apt/pip but for MCP servers.

概要

MCPHub is a hybrid web/extension application for managing Model Context Protocol (MCP) servers. Think of it as apt/pip but for MCP servers, with a modern web interface and secure local system integration. - 📦 Browse and install MCP servers - ⚙️ Manage server configurations - 🔐 Secure local operations through Chrome extension - 🌐 Web-based interface - 🔄 Real-time status monitoring - 🛠️ Environment variable management - 📝 Claude Desktop config integration - 🖥️ Cross-platform support 1. Clone this repository 2. Run installation script: 3. Load the extension in Chrome: - Open chrome://extensions/ - Enable Developer mode - Click "Load unpacked" - Select the chrome-extension directory 1. Clone this repository 2. Run installation script: 3.

README

以下は原文 README の抜粋です。原文を見る。

MCPHub 🚀

MCPHub is a hybrid web/extension application for managing Model Context Protocol (MCP) servers. Think of it as apt/pip but for MCP servers, with a modern web interface and secure local system integration.

🌟 Features

  • 📦 Browse and install MCP servers
  • ⚙️ Manage server configurations
  • 🔐 Secure local operations through Chrome extension
  • 🌐 Web-based interface
  • 🔄 Real-time status monitoring
  • 🛠️ Environment variable management
  • 📝 Claude Desktop config integration
  • 🖥️ Cross-platform support

🚀 Quick Start

Install Chrome Extension and Native Host

Windows:

  1. Clone this repository
  2. Run installation script:
cd chrome-extension/scripts
windows-install.bat
  1. Load the extension in Chrome:
    • Open chrome://extensions/
    • Enable Developer mode
    • Click “Load unpacked”
    • Select the chrome-extension directory

MacOS/Linux:

  1. Clone this repository
  2. Run installation script:
cd chrome-extension/scripts
# For MacOS:
./macos-install.sh
# For Linux:
./linux-install.sh
  1. Load the extension in Chrome:
    • Open chrome://extensions/
    • Enable Developer mode
    • Click “Load unpacked”
    • Select the chrome-extension directory

Run Web Frontend

  1. Navigate to web directory:
cd web
  1. Install dependencies:
npm install
  1. Start development server:
npm run dev
  1. Open http://localhost:3000 in Chrome

📁 Project Structure

mcphub/
├── chrome-extension/       # Chrome extension
│   ├── manifest.json      # Extension manifest
│   ├── background.js      # Service worker
│   ├── popup/            # Extension popup UI
│   ├── native-host/      # Native messaging host
│   └── scripts/          # Installation scripts
├── web/                  # Next.js frontend
│   ├── src/             # Source code
│   └── package.json     # Dependencies
└── registry/            # Server registry
    └── servers.yaml     # Available servers

⚙️ Configuration

Claude Desktop Integration

MCPHub manages the Claude Desktop config file located at:

  • Windows: %APPDATA%/Claude/claude_desktop_config.json
  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Linux: ~/.config/Claude/claude_desktop_config.json

Server Configuration Example

{
  "mcpServers": {
    "github": {
      "command": "node",
      "args": [
        "@modelcontextprotocol/server-github"
      ],
      "env": {
GitHub で README 全文を見る

インストール

This server does not publish a one-line install command.

Open the repository installation guide MCP 初心者？mcpskill.org のガイドから始めましょう →

設定

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