# 策展 · X (Twitter) 🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：Joey (@aijoey) · 平台：X (Twitter) · 日期：2026-04-10

> 原始來源：https://x.com/aijoey/status/2042290964497105048

## 中文摘要

Hermes HUD 推出網頁版，強化 AI 代理監控與成本追蹤功能。

「Hermes HUD」正式推出網頁版介面，這款工具作為「Hermes」AI Agent 的意識監控儀表板，將原本廣受歡迎的 TUI（終端使用者介面）版本體驗移植至瀏覽器中。該工具能直接讀取 Agent 的資料目錄，無需額外安裝複雜套件，並新增了網頁版獨有的功能，如模型 token 成本追蹤與更豐富的記憶管理視圖。

**核心功能與監控維度**
網頁版「Hermes HUD」完整呈現了 Agent 的自我認知狀態，讓使用者能即時掌握 AI 的運作細節：
- **自我認知與記憶**：顯示 Agent 的身分資訊、記憶容量、使用者設定檔狀態及已吸收的修正內容。
- **活動與學習**：追蹤對話紀錄、已執行的動作、習得的技能、正在進行的專案（含檔案變更狀態）以及排程任務。
- **運作狀態**：提供 API 金鑰狀態、服務健康度、思考模式（工具使用頻率）及每日活動趨勢圖。
- **成長差異**：透過快照比對（Snapshot diffs）顯示 Agent 的成長變化。

**新增功能與技術架構**
相較於 TUI 版本，網頁版提供了更直觀的互動體驗與進階分析能力：
- **token 成本追蹤**：內建各主流模型（如 Anthropic、OpenAI、DeepSeek、xAI、Google）的輸入/輸出與快取讀取定價，能自動估算每日 token 使用成本。
- **視覺化與主題**：提供四種視覺主題（Neural Awakening、Blade Runner、fsociety、Anime），支援 CRT 掃描線特效與即時預覽。
- **互動設計**：支援鍵盤快捷鍵（如 `1`-`9` 切換分頁、`Ctrl+K` 呼叫指令面板），並具備自動重新整理機制。
- **技術架構**：採用「React」（Vite + SWR）作為前端，搭配「FastAPI」（Python）後端，直接讀取 `~/.hermes/` 目錄下的 Agent 資料，無需額外資料庫。

**平台相容性與安裝**
該工具設計為輕量化且獨立運作，不依賴 TUI 套件即可執行：
- **支援環境**：原生支援 macOS 與 Linux，Windows 使用者可透過 WSL（Windows Subsystem for Linux）執行。
- **安裝方式**：透過 Python 虛擬環境安裝，並使用 `npm` 建構前端資源，安裝過程簡潔，適合開發者快速部署。

**與 TUI 版本的關係**
「Hermes HUD」網頁版與 TUI 版本是獨立運作的兄弟專案，兩者皆可同時讀取相同的資料目錄。網頁版不僅是視覺上的升級，更補足了 TUI 版本在記憶管理、技能檢視與成本分析上的缺口，若使用者同時安裝了 TUI 版本，亦可透過特定指令進行整合。

## 標籤

Agent, 功能更新, 新產品, Web, Hermes