每個玩 Hermes Agent 的人,都應該有一個專屬的管理界面

作者:前端新視野brizer
日期:2026年4月28日 下午11:44
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

Hermes Web UI:一個界面統一管理8平台,成本用量一目瞭然

整理版摘要

呢篇文章介紹咗一個開源項目 Hermes Web UI,專為 Hermes Agent 用家而設。作者發現平時管理 Agent 都要 SSH 入去、打 CLI、睇 log、改 config,雖然行得到但唔夠爽。所以佢整合咗一個 Web 界面,令你可以喺一個地方管理多個平台嘅聊天、監控 token 用量同成本、設定時任務,仲內置埋終端同日誌過濾。

文章背景係作者自己用 Hermes Agent 嘅痛點,然後開發咗呢個工具。整體結論係:如果你想更加方便咁管理 Hermes Agent,呢個 UI 係一個好選擇,安裝簡單、免費開源,而且支援成個生態圈嘅主流平台。

文章提供咗清晰嘅功能清單同安裝方法,適合技術用家快速上手。佢嘅核心價值係將分散嘅管理動作統一,減少切換平台嘅時間,同時提供用量數據,幫你慳錢同追蹤使用情況。

  • Hermes Web UI 提供一個統一 Web 界面,支援8個平台(TelegramDiscord、Slack、WhatsApp、飛書、微信、企業微信、Matrix),唔使再來回切換。
  • 內置用量監控:token 輸入/輸出分開顯示、按模型睇消耗、30天趨勢圖,月底唔會有驚喜。
  • 定時任務功能:點幾下鼠標就設定,唔使背 cron 表達式,有預設快捷選項。
  • 集成 Web Terminal 同日誌過濾,唔再用 grep 咁麻煩。
  • 安裝好簡單:一行 npm 指令,然後打開 http://localhost:8648 就得,技術棧係 Vue 3 + TypeScript + Koa 2。
值得記低
連結 github.com

Hermes Web UI GitHub 專案

開源項目 Hermes Web UI,用嚟管理 Hermes Agent 嘅 Web 界面。

整理重點

點解你需要一個專屬管理界面?

你平時管 Hermes Agent 係點管?SSH 入去、敲 CLI、睇 log、改 config……雖然行得到,但係唔夠爽。Hermes Web UI 就係為咗解決呢個問題,俾你一個專屬嘅 Web 界面,咁就多平台管理都變得輕鬆。

一個界面,8平台全搞定

有咗呢個 UI,你就可以集中管理 TelegramDiscordSlackWhatsApp、飛書、微信、企業微信同 Matrix,唔使喺各個平台之間頻繁切換。

整理重點

核心功能一覽

成本用量一目瞭然

你想知自己用咗幾多 token、花咗幾多錢?呢個 UI 將 token 用量拆解成輸入同輸出,按模型分開顯示,仲有30天趨勢圖,每日平均會話數都睇到。咁就月底唔會有驚喜。

  • Token 用量拆解:輸入/輸出分開計,清楚知道邊個部分食得多。
  • 按模型睇消耗:唔同模型分開顯示,方便對比成本。
  • 30天趨勢圖:睇住每日會話數變化,掌握使用模式。

仲有內置終端同日誌過濾功能,唔使用 grep 慢慢揾,直接喺 Web 界面操作就得。

集成 Web Terminal,唔再 grep

整理重點

安裝方法同技術細節

安裝超簡單,一行指令就搞掂:npm install -g hermes-web-ui && hermes-web-ui start,然後打開 http://localhost:8648 就用到。

安裝指令 bash
npm install -g hermes-web-ui && hermes-web-ui start

技術棧用咗 Vue 3、TypeScriptKoa 2,License 係 MIT,完全免費。源碼喺 GitHub 可以揾到。

LicenseMIT,免費開源

 

每個玩 Hermes Agent 嘅人,都應該有一個專屬嘅管理界面

開源項目 Hermes Web UI,8個平台聊天統一管理,成本用量一目瞭然。

你平時點樣管 Hermes Agent㗎?

SSH 入去、打 CLI、睇 log、改設定……

用到,但唔夠爽。

Hermes Web UI 就係用嚟解決呢個問題嘅——俾你一個專屬嘅 Web 界面。


🖥️ 一個界面,8個平台全部搞得掂

Telegram、Discord、Slack、WhatsApp、飛書、微信、企業微信、Matrix——想管邊個,㩒一下就搞掂。

圖片

唔使喺各個平台之間來回切換。

圖片

💰 行咗幾耐、使咗幾多錢,心中有數

圖片
  • • token 用量拆解(輸入/輸出分開)
  • • 按模型睇消耗,月底冇驚喜
  • • 30日趨勢圖,每日平均會話數

⏰ 定時任務,㩒嚇滑鼠就整到

唔使背 cron 表達式,預設快捷選項,㩒一下就搞掂。

圖片

🔧 內置終端 + 日誌過濾

整合 Web Terminal,唔使再 grep 啦。

圖片

🚀 安裝?一行指令

npm install -g hermes-web-ui && hermes-web-ui start

打開 http://localhost:8648,搞掂。


技術棧:Vue 3 + TypeScript + Koa 2
授權:MIT,免費

GitHub:https://github.com/EKKOLearnAI/hermes-web-ui


#HermesAgent #AI工具 #開源工具 #多平台管理 #WebUI

 


 

每個玩 Hermes Agent 的人,都應該有一個專屬的管理界面

開源項目 Hermes Web UI,8平台聊天統一管理,成本用量一目瞭然。

你平時管 Hermes Agent 是怎麼管的?

SSH 進去、敲 CLI、看日誌、改配置……

能跑,但不夠爽。

Hermes Web UI 就是來解決這個的——給你一個專屬的 Web 界面。


🖥️ 一個界面,8平台全搞定

Telegram、Discord、Slack、WhatsApp、飛書、微信、企業微信、Matrix——想管哪個,點一下就行。

圖片

不用在各個平台之間來回切換。

圖片

💰 跑了多久、花了多少錢,心裏有數

圖片
  • • token 用量拆解(輸入/輸出分開)
  • • 按模型看消耗,月底不驚喜
  • • 30天趨勢圖,每天平均會話數

⏰ 定時任務,點點鼠標就創

不用背 cron 表達式,預設快捷選項,點一下就完事。

圖片

🔧 內置終端 + 日誌過濾

集成 Web Terminal,不用再 grep 了。

圖片

🚀 安裝?一行命令

npm install -g hermes-web-ui && hermes-web-ui start

打開 http://localhost:8648,完事。


技術棧:Vue 3 + TypeScript + Koa 2
License:MIT,免費

GitHub:https://github.com/EKKOLearnAI/hermes-web-ui


#HermesAgent #AI工具 #開源工具 #多平台管理 #WebUI