Hermes Atlas
Desktop apps, web UIs & dashboards

Hermes Pixel Office

teknium1/hermes-pixel-office-vscode

VS Code extension that shows Hermes agents working as pixel characters in a virtual office

In short

Hermes Pixel Office is a VS Code extension that renders live Hermes sessions as animated pixel characters in a small office. It reads state from the pixel-office Hermes plugin and never sends anything to your agents.

What Hermes Pixel Office does

Sessions walk in through the door and sit at desks, subagents get gold collars with their goal as a name tag, and characters type, read, browse or run terminals depending on what the agent is actually doing. When an agent needs a dangerous-command approval, its character shows a red alert bubble and the header displays how many are waiting, with an optional chime.

The extension host polls the pixel-office plugin's /state endpoint on 127.0.0.1:8113 with Node's http module, and the webview draws the snapshots on a canvas. The view is visual only. Over Remote or SSH it works out of the box because the extension host runs where Hermes runs. Two settings exist, hermesPixelOffice.stateUrl and hermesPixelOffice.openOnStartup. A standalone mode opens the same office in a browser at http://127.0.0.1:8113, and the + agent button in the header opens a terminal running hermes.

Key features

  • Animated pixel characters for Hermes sessions and subagents
  • Character animation based on what the agent is doing
  • Approval alerts with a waiting count and optional chime
  • Works over Remote and SSH sessions
  • Standalone browser mode on port 8113
  • Read-only view that never sends anything to agents

When to use it

  • Watch several Hermes sessions at a glance while you work in VS Code
  • Notice quickly when an agent is waiting for a dangerous-command approval
  • Launch a new Hermes terminal from the office header

Who it is for: Hermes Agent users who work in VS Code and want a visual overview of running sessions and subagents.

How it fits with Hermes Agent

Built for Hermes Agent. It requires the separate pixel-office plugin and reads that plugin's local state endpoint.

How to install Hermes Pixel Office

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

git clone https://github.com/teknium1/hermes-pixel-office ~/.hermes/plugins/pixel-office
hermes plugins enable pixel-office

Requirements: Hermes Agent with the pixel-office plugin enabled, and VS Code 1.85 or newer

FAQ

What is Hermes Pixel Office?

Hermes Pixel Office is a VS Code extension that shows your Hermes agents as animated pixel characters in a tiny office. It reflects what each session and subagent is currently doing.

Does Hermes Pixel Office work with Hermes Agent?

Yes, but it needs the pixel-office plugin enabled in Hermes, because the extension polls that plugin's /state endpoint. Start a fresh Hermes session after enabling it.

What do I need to run Hermes Pixel Office?

You need VS Code 1.85 or newer and Hermes Agent with the pixel-office plugin enabled. Open the office with the command Hermes: Open Pixel Office.

Similar interfaces for Hermes Agent

All interfaces

Related guides: Connect Hermes agents on several machines with Hermes Desktop · How to install Hermes Agent