Hermes CyberUI: app and UI for Hermes Agent

Cyberpunk-themed web UI for Hermes Agent with chat, kanban, sessions, cron, memory and logs

What Hermes CyberUI does

Hermes CyberUI reads straight from an existing Hermes installation in ~/.hermes/, so API keys, tokens and provider settings are picked up from Hermes' config without extra setup. The React 18 and TypeScript frontend, built with Vite and TanStack Query, talks to a FastAPI backend that serves the built files on port 23689.

Pages include real-time chat with streamed responses, conversation history grouped by platform (Telegram, Discord, CLI, API/Web), a drag-and-drop kanban board with backlog, in-progress, done and failed columns, and session browsing and search. A multi-agent page configures agents across Discord channels. Other pages cover the skill library with full-text search, cron jobs with Telegram or Discord delivery, memory browsing, live logs, a workspace file browser, config editing, and a dashboard with CPU, memory and disk statistics. Settings offer eight colour schemes, such as Matrix Green, Cyber Blue and Amber, and a visual effects toggle.

Key features

Real-time chat with streamed responses and history grouped by platform
Drag-and-drop kanban board with backlog, in-progress, done and failed columns
Multi-agent page for orchestrating agents across Discord channels
Skill, cron, memory, log, file and config pages
Dashboard with CPU, memory, disk and session statistics
Eight cyberpunk colour schemes and a visual effects toggle

When to use it

Managing a Hermes install from a browser instead of the terminal
Watching live logs and system stats on a machine that runs Hermes
Creating cron jobs with Telegram or Discord delivery
Browsing past sessions and the agent's persistent memory

Who it is for: Hermes Agent users who want a browser dashboard with a neon, cyberpunk look.

How it fits with Hermes Agent

Built for Hermes Agent; it reads its configuration from ~/.hermes/ and exposes that installation's sessions, skills, cron jobs, memory and gateway settings.

How to install Hermes CyberUI

These commands are copied from the project's README. Check the repository for the latest steps before you run them.

cd backend
pip install -r requirements.txt
cd ../frontend
npm install

Requirements: Python 3.9+ for the FastAPI backend, npm for the frontend build, and an existing Hermes Agent installation in ~/.hermes/

FAQ

What is Hermes CyberUI?

Hermes CyberUI is a cyberpunk-styled web interface for Hermes Agent, built with React and FastAPI. It offers chat, a kanban board, sessions, skills, cron, memory, logs, files and config editing.

Does Hermes CyberUI work with Hermes Agent?

Yes, it is built for Hermes Agent and reads its settings from the existing ~/.hermes/ directory, so no separate configuration is needed.

How do I install Hermes CyberUI?

Run pip install -r requirements.txt inside backend/, then npm install and npm run build inside frontend/. Start the backend with ./start.sh or uvicorn main:app --reload --port 23689 and open http://localhost:23689. INSTALL.md in the repository has the full instructions.