mcp-client

# MCP Client MCP Client is a desktop client application based on Electron and React, designed for managing and operating MCPService implementations. ## Features - **Multiple server connection methods**: - HTTP/SSE connection - Command line launch - Package manager (npx, bun, uvx, etc.) launch - **Service operation functionalities**: - View available MCP services - Invoke services and display results - Parameter editing - **Development tools**: - Request debugging - Response analysis - Log viewing - **User experience**: - Dark/light theme toggle - Internationalization support (English, Chinese) ## Tech Stack - Electron - React - TypeScript - Redux Toolkit - TailwindCSS - Monaco Editor ## Development ### Prerequisites - Node.js (v18+) - npm or yarn ### Install Dependencies ```bash npm install # or yarn install ``` ### Development Mode ```bash # Start the React development server npm run dev # In another terminal, start Electron npm run electron:dev ``` ### Build ```bash npm run build npm run electron:build ``` ## Usage Guide ### Server Connection 1. Click "Add Server" on the homepage 2. Select the server type (HTTP/SSE, command line, or package manager) 3. Enter the required configuration 4. After saving, click the "Connect" button to connect to the server ### Service Invocation 1. After connecting to the server, click "Services" in the navigation bar to view available services 2. Click on the service card to enter the service invocation page 3. Write the parameters in JSON format in the parameter editor 4. Click the "Invoke" button to execute the service call 5. View the invocation results in the right panel ### Settings In the "Settings" page, you can: - Toggle between dark/light themes - Change the application language ## License MIT