很多朋友跑着 Hermes Agent,日常操作还是在终端里敲命令。命令行固然很好,Hermes Agent 设计之初就是 terminal-first 的产品。
但问题是:当你需要管理多个会话、配置 Telegram Bot、查看 Token 消耗、设置定时任务时,终端的效率就开始拖后腿了。
开源社区已经跑出了几套非常成熟的 Web 面板方案。
今天这篇深度横评,把目前 GitHub 上最主流的四套方案全部拆解。看完你就知道自己该选哪个了。
横向对比总览
| 维度 | EKKO Web UI | nesquena WebUI | OpenClaw-Admin | Open WebUI |
|---|---|---|---|---|
| 定位 | 全能控制台 | 极简聊天面板 | 多智能体管理平台 | 通用 AI 平台 |
| 技术栈 | Vue 3 + Node.js BFF | Python + 原生 JS | Vue 3 + Express | Svelte + Python |
| 学习成本 | 中等 | 低 | 较高 | 低 |
| 配置 Telegram/Discord | ✅ 原生支持 | ❌ 需手动 | ✅ 原生支持 | ❌ 需配置 |
| 数据看板 | ✅ Token/成本/趋势 | ⚠️ 仅当前会话 | ✅ 系统监控 | ✅ 用量统计 |
| Web 终端 | ✅ node-pty | ❌ | ✅ node-pty | ❌ |
| 多网关支持 | ❌ 仅 Hermes | ❌ 仅 Hermes | ✅ OpenClaw + Hermes | ❌ |
| 上手难度 | 一键安装 | 零编译 | 需手动配置 | Docker 一键 |
方案一:EKKOLearnAI/hermes-web-ui —— 全能控制台
技术栈: Vue 3 + TypeScript + Vite + Naive UI(前端) + Koa 2 BFF(后端)
定位:全能管家。你能在命令行做的所有事情,它都给你做了一个可视化的入口。
核心功能:
- AI 对话:SSE 实时流式输出,多会话管理,Markdown 渲染,代码复制,Token 用量显示
- 平台渠道配置:一个页面统一配置 8 个平台(Telegram、Discord、Slack、WhatsApp、Matrix、飞书、微信、企业微信)
- 使用数据分析:Token 总消耗分解、会话数量统计、预估成本追踪、30 天每日趋势图
- 定时任务:创建、编辑、暂停、恢复、删除 Cron 任务
- 模型管理:自动发现模型,Provider 管理,OpenAI Codex OAuth 登录
- 多 Profile 与 Gateway:创建、切换、导出 Profile,多 Gateway 管理
- Web 终端:基于 node-pty 的真实终端,多会话支持
安装方式:
# npm 一键安装(推荐)
npm install -g hermes-web-ui
hermes-web-ui start
# 打开 http://localhost:8648
适合人群:需要同时管理多个消息平台、对 Token 消耗有严格监控需求、希望 Web 界面直接操作 Gateway 配置的技术管理者。
方案二:nesquena/hermes-webui —— 极简聊天面板
技术栈: Python + 原生 JavaScript + 无构建步骤
定位:零门槛。界面复刻了 Claude 的经典三栏布局,风格偏深色极简。
核心功能:
- 三栏布局:左侧会话列表、中央聊天区、右侧工作区(文件浏览)
- 聊天体验:SSE 流式响应、多 Provider 支持、编辑历史消息、重试响应、Tool Call 卡片、Mermaid 图表、Markdown 渲染
- 语音输入:浏览器原生语音识别,实时转录
- 主题系统:内置 7 套主题(Dark、Light、Slate、Solarized Dark、Monokai、Nord、OLED)
- Docker 多容器编排:Agent + Dashboard + WebUI 三容器协同
安装方式:
# 方式一:克隆后引导
git clone https://github.com/nesquena/hermes-webui.git hermes-webui
cd hermes-webui
python3 bootstrap.py
# Docker(推荐生产环境)
docker compose up -d
# 打开 http://localhost:8787
适合人群:追求干净聊天体验、不想做复杂配置、喜欢 Claude/ChatGPT 风格界面的用户。
方案三:itq5/OpenClaw-Admin —— 多智能体管理平台
技术栈: Vue 3 + TypeScript + Vite + Naive UI(前端) + Express + node-pty(后端)
定位:多智能体管理平台。同时支持 OpenClaw Gateway 和 Hermes Agent 两个平台。
核心功能:
- 双网关支持:OpenClaw Gateway + Hermes Agent 统一管理
- OpenClaw 模块:仪表盘、在线对话、多智能体、智能体工坊、虚拟公司、远程终端、远程桌面、系统监控
- Hermes 模块:CLI 终端(node-pty 真实终端,会话持久化,断线重连)
安装方式:
# 安装依赖
npm install
# 开发模式
npm run dev:all
# 打开 http://localhost:3001
适合人群:同时使用 OpenClaw 和 Hermes 两个网关、需要多智能体协作管理、需要系统监控和远程桌面功能的用户。
方案四:open-webui/open-webui —— 通用 AI 平台
技术栈: Svelte(前端) + Python(后端)
定位:通用 AI 平台,不是 Hermes 专属面板。Hermes Agent 可配置成 OpenAI 兼容 API 格式接入。
核心功能:
- 多模型支持:Ollama、OpenAI 兼容 API(LMStudio、GroqCloud、Mistral、OpenRouter 等)
- RAG 和知识库:内置 RAG 引擎,支持 9 种向量数据库
- Web 搜索和浏览:15+ 搜索提供商,Web 浏览能力
- 语音和视频:语音转文本、语音合成、免手操作通话
- 企业级功能:LDAP/AD 集成、SCIM 2.0、SSO、RBAC、多节点部署
与 Hermes 集成:
# Hermes 端启用 API Server
# 编辑 ~/.hermes/config.yaml
api_server:
enabled: true
key: "your-api-key"
# 在 Open WebUI 中添加 Provider
# URL: http://your-hermes-server:8642/v1
# API Key: your-api-key
适合人群:已在用 Open WebUI、需要 RAG 和知识库功能、需要企业安全功能的用户。
选择指南
| 需求 | 推荐方案 |
|---|---|
| 同时运营 Telegram/Discord/Slack 等多个平台 Bot | EKKO Web UI |
| 对 Token 消耗和成本控制有严格需求 | EKKO Web UI |
| 只想要干净、好看的聊天界面 | nesquena WebUI |
| 同时在用 OpenClaw 和 Hermes 两个平台 | OpenClaw-Admin |
| 需要多智能体协作管理 | OpenClaw-Admin |
| 需要 RAG、知识库、多模型并行 | Open WebUI |
| 需要 LDAP/SCIM/RBAC 等企业安全功能 | Open WebUI |
苏米注:这四套方案不是互斥的,很多进阶用户会组合使用。比如 nesquena WebUI(日常聊天)+ EKKO(渠道管理 + 成本监控),或者 OpenClaw-Admin(统一管控)+ nesquena WebUI(各平台独立聊天)。关键不是选"最好的",而是选"最对的"。
相关仓库直达
- EKKOLearnAI/hermes-web-ui: https://github.com/EKKOLearnAI/hermes-web-ui
- nesquena/hermes-webui: https://github.com/nesquena/hermes-webui
- itq5/OpenClaw-Admin: https://github.com/itq5/OpenClaw-Admin
- open-webui/open-webui: https://github.com/open-webui/open-webui