# tester-mcp-client

> MCP Client

This repository provides a Model Context Protocol (MCP) client that connects to an MCP server via SSE and displays the conversation in a chat-like UI for testing and interaction.

## Overview

- **Category:** Developer Tools
- **Language:** TypeScript
- **Stars:** 80
- **Forks:** 3
- **Owner:** apify
- **GitHub:** https://github.com/apify/tester-mcp-client
- **Homepage:** https://apify.com/jiri.spilka/tester-mcp-client
- **Created:** 2025-01-26T22:29:21+00:00
- **Updated:** 2025-03-28T21:22:49+00:00
- **Source:** https://model-context-protocol.com/clients/model-context-protocol-mcp-client-apify

## Setup

## Setup

1.  Download the source code:

   ```bash
   git clone https://github.com/apify/tester-mcp-client.git
   cd tester-mcp-client
   ```
2.  Install the dependencies:
   ```shell
   npm install
   ```

3.  Create a `.env` file with the following content (refer to the `.env.example` file for guidance):

   ```plaintext
   APIFY_TOKEN=YOUR_APIFY_TOKEN
   LLM_PROVIDER_API_KEY=YOUR_API_KEY
   ```

4.  Default values for settings such as `mcpSseUrl`, `systemPrompt`, and others are defined in the `const.ts` file, adjust these as needed.

5.  Run the client locally:

   ```bash
   npm start
   ```

6.  Navigate to [http://localhost:3000](http://localhost:3000) in your browser to interact with the MCP server.

## Tools

## Available Tools

1.  Connects to an MCP server using Server-Sent Events (SSE).
2.  Provides a chat-like UI for displaying tool calls and results.
3.  Connects to an [Apify MCP Server](https://apify.com/apify/actors-mcp-server) for interacting with one or more Apify Actors.
4.  Dynamically uses tools based on context and user queries (if supported by a server).
5.  Use Authorization headers and API keys for secure connections.
6.  Open source, so you can review it, suggest improvements, or modify it.