mcpField
K
Kiters MCP Client

Kiters MCP Client

github.com/namank5x框架与 SDK184 周前更新
代码仓库

关于 Kiters MCP Client

基于 Electron 的聊天界面客户端，连接 MCP 服务，集成 OpenRouter.ai 的大模型。支持本地和远程服务器连接，调用服务工具进行 AI 对话。

主要功能

  1. 01通过 stdio 或 HTTP 连接 MCP 服务
  2. 02查看和调用 MCP 服务工具
  3. 03OpenRouter.ai 大模型对话
  4. 04工具调用支持
  5. 05深色/浅色主题

适用场景

  1. 01连接多个本地或远程 MCP 服务进行 AI 辅助任务
  2. 02通过 AI 调用外部工具完成复杂操作
  3. 03跨平台桌面应用中使用 MCP 生态

MCP 相关

该客户端连接 stdio 或 HTTP 协议的 MCP 服务，展示其可用工具，并通过 OpenRouter.ai 大模型与 MCP 服务交互，支持工具调用。

详细介绍

Kiters MCP 客户端

一个基于 Electron 的聊天界面客户端，用于连接 Model Context Protocol (MCP) 服务，集成 OpenRouter.ai。

功能

  • 通过 stdio (本地) 或 HTTP (远程) 连接到 MCP 服务
  • 查看和调用来自已连接 MCP 服务的可用工具
  • 使用 OpenRouter.ai 的 AI 模型进行聊天
  • 支持调用 MCP 服务的工具
  • 深色/浅色主题支持

前置要求

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

安装

  1. 克隆仓库：
git clone https://github.com/yourusername/kiters-mcp-client.git
cd kiters-mcp-client
  1. 安装依赖：
npm install
  1. 在根目录创建 .env 文件并添加 OpenRouter.ai API 密钥：
OPENROUTER_API_KEY=your_api_key_here

开发

启动开发服务：

npm run dev

这将同时启动 Electron 应用和 React 开发服务。

构建

构建应用：

npm run build
npm run build:electron

这将在 dist 目录中创建可分发的包。

使用应用

添加 MCP 服务
  1. 点击"服务"部分的"+"按钮
  2. 输入服务的名称
  3. 选择服务类型：
    • 本地 (stdio)：提供服务脚本的路径（例如 /path/to/server.js 或 /path/to/server.py）
    • 远程 (HTTP)：提供服务的 URL（例如 http://localhost:3001）
  4. 点击"添加服务"
连接到 MCP 服务
  1. 点击想要连接的服务旁的"连接"按钮
  2. 连接后，可用工具将显示在界面上
与 AI 聊天
  1. 从顶部下拉菜单选择一个模型
  2. 在输入框中输入您的消息
  3. 按 Enter 或点击发送按钮
  4. AI 会进行回复，如有需要可调用已连接 MCP 服务的工具
设置

点击侧边栏底部的"设置"按钮：

  • 设置 OpenRouter.ai API 密钥
  • 更改主题（浅色、深色或系统）

许可证

MIT

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。