mcpField
K
Kiters MCP Client

Kiters MCP Client

github.com/namank5xFrameworks & SDKs1Updated 84w ago
Repository

About Kiters MCP Client

Electron-based chat client for MCP servers with OpenRouter.ai integration. Connects to local or remote MCP services, displays available tools, and enables AI-powered conversations with tool calling.

Key features

  1. 01Connect to MCP servers via stdio or HTTP
  2. 02View and call MCP server tools
  3. 03Chat with OpenRouter.ai models
  4. 04Tool calling support
  5. 05Dark and light themes

Use cases

  1. 01Connect multiple MCP services for AI-assisted workflows
  2. 02Invoke external tools through AI conversations
  3. 03Use MCP ecosystem in cross-platform desktop applications

MCP support

The client connects to stdio or HTTP MCP servers, displays their available tools, and facilitates AI-powered interactions with tool calling through OpenRouter.ai models.

Details

From the project README

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

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.