Agent Control Room — Development skill for Claude Code

Agent Control Room

**One screen to watch your Claude Code agents live.** The [Habblaud](https://github.com/marmottajr/habblaud) pixel-art office and the [Agent Flow](https://github.com/patoles/agent-flow) node graph, side by side, following the same sessions at the same time.

[Leia em português](README.pt-BR.md)


• Habblaud shows who is working: each session is a character walking around an office, with an activity feed.
• Agent Flow shows how they work: every tool call, subagent and return as a live graph.
• Agent Control Room runs both, puts them on one screen and gives you layouts made for watching and for recording video.

Everything comes in this repository: clone it (or download the ZIP), double-click `start.cmd` and you're in. The only thing you need installed is Node.js.

This is an independent project. It ships the official builds of both tools, unmodified, and runs them together.

Features

• One click starts everything and opens the browser. Nothing else to install: no Docker, no separate setup of each tool.
• Three layouts: side by side, stacked (one above the other, made for 9:16 vertical video) and floating (one pane over the other, draggable and resizable).
• Swap the two panes, and drag the divider (double-click splits in half). Panes never reload when you change layouts.
• Record mode hides the bar and the footer. Hover the top edge, press G or Esc to bring the bar back.
• Status lights for both services; a pane shows a notice while its service is starting and reloads by itself when it comes up.
• English or Portuguese, following the browser language.

Key	Action
1 2 3	side by side / stacked / floating
T	swap the panes
G	record mode (Esc leaves)

Shortcuts work while the room has focus. After clicki