Hermes Web UI — Hermes Agent 的全功能 Web 管理面板
> 一句话版本:给 Hermes Agent(NousResearch 的开源 AI Agent)做的 Web 管理面板——聊天、会话管理、定时任务、用量统计、8 个平台(Telegram/Discord/Slack/WhatsApp/飞书/微信等)一键配置、Web 终端,全在一个界面里。6 天 472 stars。
| 项目 | 信息 | |
|---|---|---|
| 来源 | https://github.com/EKKOLearnAI/hermes-web-ui | |
| 创建时间 | 2026-04-11 | |
| Stars | 472 | Forks 48 |
| 语言 | Vue 3 + TypeScript | |
| 许可证 | MIT | |
| 前端 | Vue 3 + Naive UI + Pinia + Vue Router + vue-i18n | |
| 后端 | Koa 2 (BFF) + node-pty (Web 终端) | |
| 目标 Agent | [Hermes Agent](https://github.com/NousResearch/hermes-agent) (NousResearch) |
核心内容
一行安装
npm install -g hermes-web-ui && hermes-web-ui start
# 打开 http://localhost:8648
功能全览
1. AI 聊天界面
- SSE 实时流式响应 + 异步运行支持
- 多会话管理(创建、重命名、删除、切换)
- 按来源分组(Telegram、Discord、Slack 等),可折叠
- Markdown 渲染 + 代码高亮 + 复制
- Tool Call 详情展开(参数/结果)
- 文件上传
- 全局模型选择器(自动从 ~/.hermes/auth.json 发现)
- 每个会话显示模型 + token 用量
2. 8 平台一键配置
| 平台 | 支持功能 |
|---|---|
| Telegram | Bot token、@提及控制、表情回应、自由对话 |
| Discord | Bot token、@提及、自动线程、表情、频道白名单/黑名单 |
| Slack | Bot token、@提及控制 |
| 启用/禁用、@提及控制、@提及模式 | |
| Matrix | Access token、Homeserver、自动线程 |
| **飞书(Lark)** | App ID/Secret、@提及控制 |
| **微信** | 扫码登录(浏览器扫码,自动保存凭据) |
| **企业微信** | Bot ID/Secret |
3. 用量统计
- Token 用量分解(输入/输出)
- 会话数量 + 日均
- 估算费用追踪 + 缓存命中率
- 模型使用分布图
- 30 天日趋势(柱状图 + 数据表)
4. 定时任务(Cron Jobs)
- 创建、编辑、暂停、恢复、删除
- 立即触发执行
- Cron 表达式快速预设
5. 模型管理
- 从凭据池自动发现模型(~/.hermes/auth.json)
- 从每个 provider 的 /v1/models 端点获取可用模型
- 添加自定义 OpenAI 兼容 provider
- Provider 级别模型分组
6. 技能(Skills)浏览
- 浏览和搜索已安装技能
- 查看技能详情和附件文件
7. 系统管理
- 用户备注和资料管理
- Agent/Gateway/Error 日志查看(按级别/文件/关键词过滤)
- 显示设置(流式、紧凑模式、推理显示、费用显示)
- Agent 设置(最大轮次、超时、工具强制)
- 内存设置(启用/禁用、字符限制)
- 会话重置(空闲超时、定时重置)
- 隐私(PII 脱敏)
- API 服务器配置
8. Web 终端
- 集成 node-pty + xterm.js
- 多终端会话(创建、切换、关闭)
- WebSocket 实时键盘输入 + PTY 输出
- 窗口大小调整
架构
浏览器 → BFF (Koa, :8648) → Hermes Gateway (:8642)
↓
Hermes CLI
↓
~/.hermes/config.yaml (平台配置)
~/.hermes/auth.json (凭据池)
腾讯 iLink API (微信扫码登录)
- 前端:Vue 3 + TypeScript + Vite + Naive UI
- BFF 层:Koa 2,处理 API 代理、SSE 流式、文件上传、会话 CRUD、配置管理
- 前端设计支持多 Agent 扩展:Hermes 特定代码都放在 hermes/ 命名空间下
分析
为什么值得关注:
- Hermes Agent 是 OpenClaw 的"亲戚":两者都是多平台 AI Agent,Hermes 由 NousResearch 开发,OpenClaw 也是类似定位。这个 Web UI 本质上就是 OpenClaw 缺少的东西——一个可视化管理面板
- 6 天 472 stars:增长非常快,说明需求真实存在
- 功能全面:聊天、配置、统计、定时任务、终端、技能管理,几乎覆盖了 Agent 运维的所有需求
- 微信扫码登录:这是亮点——大多数开源项目不支持微信,这个集成了腾讯 iLink API
- MIT 许可证:完全自由
和 OpenClaw 的关系:
- Hermes Agent 和 OpenClaw 功能高度重叠(多平台 AI Agent)
- Hermes Web UI 的功能正是 OpenClaw 用户可能想要的
- 前端设计支持多 Agent 扩展,理论上可以适配 OpenClaw
- 两者都用 config.yaml + auth.json 管理配置,结构类似
局限:
- 依赖 Hermes Agent:不能独立使用,必须先装 Hermes
- 太新:6 天,可能有 bug
- BFF 层是 Node.js:增加了部署复杂度(需要 Hermes Gateway + BFF Server)
- NousResearch 的 Hermes Agent 本身:需要了解其成熟度
与 Jay 的关联:
- OpenClaw 缺 Web UI:Jay 的 OpenClaw 目前没有可视化面板,这个项目展示了 Agent Web UI 应该有的样子
- 飞书集成:Jay 用飞书,Hermes Web UI 支持飞书配置
- 可以参考借鉴:如果 Jay 想给 OpenClaw 做 Web UI,这个项目的架构和功能设计是很好的参考
- 技术栈:Vue 3 + Naive UI + Koa BFF,成熟的技术选型
评分
| 维度 | 评分 (1-10) | 说明 |
|---|---|---|
| 功能完整度 | 9 | 聊天、配置、统计、终端、定时任务全覆盖 |
| 易用性 | 8 | 一行命令安装,自动启动浏览器 |
| 技术选型 | 8 | Vue 3 + Naive UI + Koa,成熟稳定 |
| 创新性 | 6 | Agent Web UI 不是新概念,但实现完整 |
| 项目成熟度 | 5 | 6 天,472 stars,增长快但太新 |
| 与 Jay 的关联 | 8 | OpenClaw 缺的 Web UI,直接可参考 |
| **总分** | **7.3** | Agent 管理面板的最佳实践参考 |