Kiters MCP Client

Kiters MCP Client

By namank5x GitHub

-

Overview

what is Kiters MCP Client?

Kiters MCP Client is an Electron-based chat interface client designed for Model Context Protocol (MCP) servers, integrating with OpenRouter.ai to facilitate communication with AI models.

how to use Kiters MCP Client?

To use the Kiters MCP Client, clone the repository, install the dependencies, set up your OpenRouter.ai API key, and run the application to connect to MCP servers.

key features of Kiters MCP Client?

  • Connect to MCP servers via stdio (local) or HTTP (remote)
  • View and call available tools from connected MCP servers
  • Chat with AI models from OpenRouter.ai
  • Tool calling support for MCP server tools
  • Dark/light theme support

use cases of Kiters MCP Client?

  1. Connecting to local or remote MCP servers for AI interactions.
  2. Utilizing AI models for various applications through a user-friendly chat interface.
  3. Customizing the client experience with theme options and settings.

FAQ from Kiters MCP Client?

  • What are the prerequisites for using Kiters MCP Client?

You need Node.js (v16+) and npm or yarn to run the application.

  • How do I add an MCP server?

Click the "+" button in the Servers section, enter the server name, select the type (local or remote), and click "Add Server."

  • Can I customize the theme of the application?

Yes! You can choose between Light, Dark, or System themes in the settings.

Content

Kiters MCP Client

A simple Electron-based chat interface client for Model Context Protocol (MCP) servers with OpenRouter.ai integration.

Features

  • Connect to MCP servers via stdio (local) or HTTP (remote)
  • View and call available tools from connected MCP servers
  • Chat with AI models from OpenRouter.ai
  • Tool calling support for MCP server tools
  • Dark/light theme support

Prerequisites

  • Node.js (v16+)
  • npm or yarn

Installation

  1. Clone the repository:
git clone https://github.com/yourusername/kiters-mcp-client.git
cd kiters-mcp-client
  1. Install dependencies:
npm install
  1. Create a .env file in the root directory and add your OpenRouter.ai API key:
OPENROUTER_API_KEY=your_api_key_here

Development

To start the development server:

npm run dev

This will start both the Electron app and the React development server.

Building

To build the application:

npm run build
npm run build:electron

This will create a distributable package in the dist directory.

Using the Application

Adding an MCP Server

  1. Click the "+" button in the Servers section
  2. Enter a name for the server
  3. Select the server type:
    • Local (stdio): Provide the path to the server script (e.g., /path/to/server.js or /path/to/server.py)
    • Remote (HTTP): Provide the URL to the server (e.g., http://localhost:3001)
  4. Click "Add Server"

Connecting to an MCP Server

  1. Click the "Connect" button next to the server you want to connect to
  2. Once connected, the available tools will be displayed

Chatting with AI

  1. Select a model from the dropdown at the top
  2. Type your message in the input field
  3. Press Enter or click the Send button
  4. The AI will respond and may call tools from the connected MCP server if needed

Settings

Click the "Settings" button at the bottom of the sidebar to:

  • Set your OpenRouter.ai API key
  • Change the theme (Light, Dark, or System)

License

MIT

No tools information available.
No content found.