MCP Client

What is Mcp Client?

Mcp Client is an Angular-based web application that connects to an MCP (Model Context Protocol) server running on localhost:5656. It provides a browser interface for discovering servers, executing tools with parameter substitution, performing CRUD operations on schema entities, and viewing real-time operation logs. It is intended for developers who need a production‑ready, extensible front end for interacting with MCP services.

How to use Mcp Client?

Create a new Angular project, replace the generated files with the provided code, copy configuration files (mcp_server_discovery.json and mcp_tool_context.json) to the assets directory, install dependencies with npm install, and start the server with ng serve. Ensure the MCP server is running on localhost:5656, then access the client at http://localhost:4200.

Key features of Mcp Client

• Server discovery and connection management
• Tool execution with parameter substitution
• Complete CRUD operations for all schema entities
• Advanced filtering using JSON‑API format
• Real‑time operations logging
• Responsive UI design with error handling

Use cases of Mcp Client

• Connect to an MCP server via a click in the Server Status section
• Execute tools listed in the Available Tools section
• Load filtered data (e.g., high‑credit customers, expensive products, recent orders)
• Send emails to customers by clicking a “Send Email” button
• Monitor all operations and their status in the Operations Log