MCPHub는 Model Context Protocol (MCP) 서버 관리를위한 하이브리드 웹 / 확장 응용 프로그램입니다. apt/pip 하지만 MCP 서버에 대한 생각, 현대 웹 인터페이스와 안전한 로컬 시스템 통합.

의 특징

• ☸ 블로우스와 MCP 서버를 설치
• 서버 구성 관리
• Chrome 확장을 통한 로컬 운영
• 웹 기반 인터페이스
• 실시간 상태 모니터링
• 542️ 환경변수 관리
• Claude 데스크톱 구성 통합
• 크로스 플랫폼 지원

⭐ 빠른 시작

Chrome 확장 및 Native 호스트 설치

윈도우:

1. Clone 이 저장소

2. 설치 스크립트를 실행:

3. Chrome에 있는 연장을 적재하십시오:

• 오픈 chrome://extensions/
• Enable Developer 모드
• "Load unpacked"를 클릭하십시오
• chrome-extension 디렉토리 선택

MacOS/리눅스:

1. Clone 이 저장소

2. 설치 스크립트를 실행:

3. Chrome에 있는 연장을 적재하십시오:

• 오픈 chrome://extensions/
• Enable Developer 모드
• "Load unpacked"를 클릭하십시오
• chrome-extension 디렉토리 선택

실행 웹 프론트엔드

1. 웹 디렉토리에 Navigate:

2. 의존성 설치:

3. 개발 서버 시작:

4. Chrome에서 [T4]를 여십시오

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

3. 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

3. 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

2. Install dependencies:

npm install

3. Start development server:

npm run dev

4. 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": {