TS

openmcp-client

by LSTM-Kirigaya/openmcp-client

3 views

All in one vscode plugin for mcp developer

typescriptDebugging & Testing

OpenMCP: All you need for MCP Development

English | 中文

📄 OpenMCP Documentation

OpenMCP QQ Group

OpenMCP Discord Channel

OpenMCP

An all-in-one vscode/trae/cursor plugin for MCP server debugging.

IMAGE ALT TEXT HERE

👆 Full Video

Integrated Inspector + MCP client basic functions, combining development and testing into one.

Test resource protocols, tools, and Prompts for MCP servers.

Tested tools can be placed in the "Interactive Testing" module for large model interaction testing.

Complete project-level management panel for easier MCP project management at both project and global levels.

Supports multiple large models

TODO

Feature Roadmap

ModuleFeaturePriorityStatusFix Priority
allComplete basic infrastructureFull Version100%Done
renderSupport cost analysis in chat modeIteration100%Done
extSupport basic MCP project managementIteration100%P0
serviceSupport custom OpenAI-compatible large model integrationFull Version100%Done
serviceSupport custom protocol large model integrationMVP0%P1
allSupport debugging multiple MCP Servers simultaneouslyMVP100%P0
allSupport online verification via large modelsIteration100%Done
allSupport saving user's server debugging workIteration100%Done
renderHigh-risk operation permission confirmationMVP0%P1
serviceHot update for connected MCP serversMVP0%P1
serviceCloud sync for system configurationMVP0%P1
allSystem prompt management moduleIteration100%Done
serviceTool-wise logging systemMVP0%P1
serviceMCP security checks (prevent prompt injection, etc.)MVP0%P1
serviceBuilt-in OCR for character recognitionIteration100%Done

Project Concept

OpenMCP adopts a layered modular design. By assembling different modules, it can be implemented in different modes on different platforms.

flowchart TD
    subgraph OpenMCP Core Components
        renderer[Renderer]
        openmcpservice[OpenMCPService]
    end

    subgraph OpenMCP_Web["OpenMCP Web"]
        renderer
        openmcpservice
        nginx[Nginx]
    end

    subgraph OpenMCP_Plugin["OpenMCP Plugin"]
        renderer
        openmcpservice
        vscode[VSCode Plugin Code]
    end

    subgraph OpenMCP_App["OpenMCP App"]
        renderer
        openmcpservice
        electron[Electron Code]
    end

    subgraph QQBot["OpenMCP-based QQ Bot"]
        lagrange[Lagrange.OneBot]
        openmcpservice
    end

    %% Dependencies
    OpenMCP_Web -->|Frontend Rendering| renderer
    OpenMCP_Web -->|Backend Service| openmcpservice
    OpenMCP_Web -->|Reverse Proxy| nginx

    OpenMCP_Plugin -->|UI Interface| renderer
    OpenMCP_Plugin -->|Core Logic| openmcpservice
    OpenMCP_Plugin -->|IDE Integration| vscode

    OpenMCP_App -->|Frontend UI| renderer
    OpenMCP_App -->|Local Service| openmcpservice
    OpenMCP_App -->|Desktop Packaging| electron

    QQBot -->|Protocol Adaptation| lagrange
    QQBot -->|Business Logic| openmcpservice

Development

  • renderer : Frontend UI definitions
  • service : Test components for renderer , including a simple forwarding layer
  • src : VSCode plugin definitions

Renderer & Service Development

flowchart LR
D[renderer] <--> A[Dev Server] 
<--ws--> B[service]
B <--mcp--> m(MCP Server)

Project setup:

npm run setup

Start dev server:

npm run serve

Extension Development

flowchart LR
D[renderer] <--> A[extention.ts] <--> B[service]
B <--mcp--> m(MCP Server)

Build for deployment:

npm run build

build vscode extension:

npm run build:plugin

Then just press F5, いただきます (Let's begin)


CI Pipeline

✅ npm run build ✅ npm run build:task-loop ✅ openmcp-client UT ✅ openmcp-sdk UT ✅ vscode extension UT

Install

No configuration available
For more configuration details, refer to the content on the left

Related

Related projects feature coming soon

Will recommend related projects based on sub-categories