hermes-webui

by sanchomuzaxVerified

Process monitoring and configuration dashboard for Hermes Agent

113
Stars
11
Forks
Python
Language
8/23/2026
Added
View on GitHubDownload ZIP

⚠️ Third-Party Software Notice

This skill is third-party open-source software developed and hosted independently on GitHub. SkillTip is an informational directory and does not control or maintain the underlying repository. Any security checks displayed are automated and limited in scope. Review the source code before installing.

Read the Terms of Service

Installation

Add to your Claude Code skills directory:

# Add to your Claude Code skills
git clone https://github.com/sanchomuzax/hermes-webui

Getting Started

Guides for using skills like hermes-webui.

Security Report

Verified

Last scanned: —

{
  "status": "PASSED",
  "issues": []
}

README.md

Hermes WebUI

Process monitoring and configuration dashboard for Hermes Agent.

Dashboard

Features

  • Dashboard — Real-time activity feed with session list, gateway status, platform/service health, cost tracking, and model distribution

  • Sessions — Browse, search (FTS5), and inspect full conversation histories with message-level detail

  • Config — View config.yaml and environment variables (read-only for safety)

  • Cron — View and manage scheduled agent jobs

  • Skills — Browse built-in and custom skills with full source inspection

  • Responsive — Mobile-friendly layout with hamburger menu

  • Dark/Light theme — Toggle between themes

  • Real-time updates — WebSocket-based polling bridge, no agent code modification needed

Screenshots

Dashboard Sessions

Dashboard

Sessions

Config Cron Jobs

Config

Cron

Skills

Skills

Requirements

  • Python 3.11+

  • Node.js 18+ (for frontend build only)

  • A running Hermes Agent installation at ~/.hermes/

Installation

1. Clone the repository

git clone https://github.com/sanchomuzax/hermes-webui.git
cd hermes-webui

2. Set up Python environment

python3 -m venv venv
source venv/bin/activate
pip install -e .

3. Build the frontend

cd frontend
npm install
npx vite build
cd ..

4. Run

hermes-webui

Or directly:

python -m webui

Output:

Starting Hermes WebUI at http://0.0.0.0:8643
Auth token: <your-auth-token>

5. Log in

Open http://<your-host>:8643 in a browser and paste the auth token shown in the console output.

The token is generated once and stored in ~/.hermes/auth.json. To retrieve it later:

python3 -c "import json; print(json.load(open('$HOME/.hermes/auth.json'))['webui_token'])"

Configuration

Environment Variable Default Description

HERMES_HOME ~/.hermes Hermes Agent installation directory

HERMES_WEBUI_HOST 0.0.0.0 Bind address

HERMES_WEBUI_PORT 8643 Port

CLI flags

Flag Description

--localhost Bind to 127.0.0.1 only (not accessible from LAN)

--port PORT Override the default port

Running as a systemd service

Create /etc/systemd/system/hermes-webui.service:

[Unit]
Description=Hermes WebUI
After=network.target

[Service]
Type=simple
User=YOUR_USER
WorkingDirectory=/home/YOUR_USER/.hermes/hermes-webui
ExecStart=/home/YOUR_USER/.hermes/hermes-webui/venv/bin/python -m webui
Restart=on-failure
RestartSec=5
Environment=HERMES_HOME=/home/YOUR_USER/.hermes

[Install]
WantedBy=multi-user.target

Then enable and start:

sudo systemctl daemon-reload
sudo systemctl enable hermes-webui
sudo systemctl start hermes-webui

Check status:

sudo systemctl status hermes-webui
journalctl -u hermes-webui -f

Note: When running as a service, the auth token is not printed to your terminal. Retrieve it from ~/.hermes/auth.json as shown above.

Architecture

┌─────────────────────────────────────────┐
│  React Frontend (Vite + TailwindCSS)    │
│  SPA with TanStack Query + WebSocket    │
└────────────────┬────────────────────────┘
                 │ HTTP + WS
┌────────────────┴────────────────────────┐
│  FastAPI Backend (Python)               │
│  ├─ REST API (sessions, config, cron)   │
│  ├─ WebSocket hub (live events)         │
│  └─ Polling bridge (state.db + files)   │
└────────────────┬────────────────────────┘
                 │ SQLite (read-only) + YAML
┌────────────────┴────────────────────────┐
│  Hermes Agent (unmodified)              │
│  state.db, config.yaml, gateway_state   │
└─────────────────────────────────────────┘

Hermes WebUI reads from the agent's data files without modifying the agent's core code.

Tech Stack

  • Backend: Python 3.11+, FastAPI, Uvicorn, Pydantic, PyYAML

  • Frontend: React 19, TypeScript, Vite, TailwindCSS 4, TanStack Query

  • Data: SQLite (read-only from Hermes Agent's state.db)

Pages

Page Description

Dashboard KPI cards (sessions, messages, cost, gateway), platform badges, activity feed with live session list, model distribution

Sessions Paginated session list with FTS5 search, source filter tabs, click into any session to view full message history

Config Read-only view of config.yaml sections and .env variables (sensitive values masked)

Cron List of scheduled cron jobs with status, schedule, and prompt preview

Skills Grid of built-in and custom skills with description, click to view full source

Troubleshooting

"Cannot connect to server" on login

  • Make sure the WebUI server is running

  • If accessing from another machine, ensure the server is bound to 0.0.0.0 (default), not 127.0.0.1

Dashboard shows no sessions

  • Verify Hermes Agent has been used at least once (check ~/.hermes/state.db exists)

  • The WebUI reads state.db in read-only mode — if the agent is actively writing, there may be a brief WAL lock delay

Activity Feed not updating

  • The polling bridge checks state.db every 3 seconds

  • Ensure the WebSocket connection shows "Connected" (green dot in the header)

Related

Built With

This project was vibe-coded with Claude Code (Claude Opus 4.6).

License

MIT

Frequently Asked Questions

What is hermes-webui?

hermes-webui is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by sanchomuzax. Process monitoring and configuration dashboard for Hermes Agent. It has 113 GitHub stars.

Is hermes-webui safe to use?

Yes. hermes-webui passed SkillsLLM's automated security scan — a dependency vulnerability audit plus prompt-injection heuristics — with no high-severity issues. You can read the full report in the Security Report section on this page.

How do I install hermes-webui?

Clone the repository with "git clone https://github.com/sanchomuzax/hermes-webui" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is hermes-webui written in?

hermes-webui is primarily written in Python. It is open-source under sanchomuzax on GitHub, so you can review or fork the full source.

Are there alternatives to hermes-webui?

Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh hermes-webui against similar tools.

Comments (0)

No comments yet. Be the first to share your thoughts!

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI Agentsai-agentsanthropicclaude-code
View details
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI Agentsai-agentsbrainstorming
View details

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI Agentsai-agentsanthropicclaude-code
View details

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI Agentsclaude-codeai-tools
View details

claude-code

by anthropics

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.

120,03119,897Shell
AI Agents
View details

Developers Also Liked

Based on votes and bookmarks from developers who liked this skill

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI Agentsai-agentsanthropicclaude-code
View details
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI Agentsai-agentsbrainstorming
View details

n8n

by n8n-io

12

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

201,88160,308TypeScript
MCP Serversapisai-tools
View details

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI Agentsai-agentsanthropicclaude-code
View details

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI Agentsclaude-codeai-tools
View details