← 返回目录
C

Chat UI

官方
开源聊天界面,支持OpenAI兼容API和MCP工具。
GitHub 源仓库 ↗
★ 10.9k Stars 分类 · 开发工具 非常热门 源版本 1f07fa5cb98a
52FMRS · D
可靠性
3/20
安全与权限
9/20
维护活跃度
13/20
文档质量
14/20
安装易用性
13/20

Chat UI 是一个强大的开源聊天界面,专注于 OpenAI 兼容 API,并内置 MCP 工具支持。它适合需要快速构建自定义 AI 聊天的开发者,但需要注意 API 密钥管理和外部依赖风险。

查看 FMRS 评分方法 →

Chat UI 是一个用于与大语言模型(LLM)对话的界面,基于 SvelteKit 构建,并支持 HuggingChat 应用。它仅支持 OpenAI 兼容的 API,通过环境变量配置。Chat UI 可以连接各种 OpenAI 兼容端点,如 Hugging Face Inference Providers、llama.cpp、Ollama、OpenRouter 等。同时,它集成了 MCP(模型上下文协议)工具,允许模型调用外部工具。此 MCP 服务器为 Chat UI 提供 MCP 支持,使其能够作为 MCP 客户端使用。

工具能力

MCP Servers
在 Chat UI 中管理 MCP 服务器,包括添加、启用、禁用服务器以及运行健康检查。

安装接入

要使用此 MCP 服务器,您需要克隆 Chat UI 仓库并配置环境变量。

  1. 克隆仓库:git clone https://github.com/huggingface/chat-ui
  2. 进入目录:cd chat-ui
  3. 配置 .env.local,设置 OPENAI_BASE_URLOPENAI_API_KEY。例如:
OPENAI_BASE_URL=https://router.huggingface.co/v1
OPENAI_API_KEY=hf_xxx
  1. 安装依赖:npm install
  2. 启动开发服务器:npm run dev -- --open

注意:MCP 服务器支持不是独立的安装,而是内置于 Chat UI 中。您无需额外安装单独的 MCP 服务器包。

选型与风险

适合谁

  • 需要构建或定制 AI 聊天界面的开发者。
  • 希望利用 MCP 工具增强模型能力的团队。
  • 对 Hugging Face 生态熟悉并希望快速部署的开发者。

不适合谁

  • 需要非 OpenAI 兼容 API 集成的场景(此版本已移除)。
  • 无需 MCP 功能且仅需要简单聊天界面的用户。

所需权限

  • 读取和写入环境变量以配置 API 密钥。
  • 网络访问以连接 OpenAI 兼容端点和 MCP 服务器。
  • 文件系统访问以存储数据库持久化数据(如果使用嵌入式 MongoDB)。

风险与副作用

  • API 密钥泄露风险:环境变量中的密钥可能被泄露,尤其是部署时。
  • MCP 服务器安全风险:添加不可信的 MCP 服务器可能导致工具滥用或数据泄露。
  • 依赖风险:依赖外部 API 和 MCP 服务器,其可用性和行为可能变化。

常见排障

  1. 确保 `OPENAI_BASE_URL` 和 `OPENAI_API_KEY` 正确设置,并且端点可访问。
  2. 检查 MongoDB 连接:如果设置 `MONGODB_URL`,确保 MongoDB 运行正常;否则使用嵌入式 MongoDB。
  3. MCP 服务器连接失败时,检查 URL 和认证头,并使用健康检查功能。
  4. 如果构建失败,检查 Node.js 版本和依赖是否安装。

使用场景

为 HuggingChat 或自定义 LLM 界面提供多功能聊天界面。
将 MCP 工具集成到聊天应用中,允许模型使用外部工具。
通过 OpenAI 兼容 API 接入多个模型提供商。

支持客户端

Claude Desktop完整支持