Agency HQ
/install agency-hq
Agency HQ — AI Agent Office
A real-time pixel art visualization of your AI agent team. Agents move between rooms (office, kitchen, game room, server room) based on their actual status. Includes a live activity feed, agent spotlight cards, and personality-driven chat.
When to Use
- You want a visual dashboard showing what your agents are doing
- You want to showcase your agent team to others (demo mode)
- You want a fun, always-on display of your OpenClaw setup
Setup
1. Clone and Install
git clone https://github.com/enjinstudio/agency-hq.git
cd agency-hq
npm install
2. Configure Mode
Copy .env.example to .env.local:
cp .env.example .env.local
Set ARENA_MODE=live to connect to your OpenClaw instance, or leave as demo for simulated data.
3. Customize Your Agents
Edit src/lib/agents.ts. Each agent needs:
| Field | Description |
|---|---|
id |
Must match your OpenClaw agent ID (e.g., main, dev, research) |
name |
Display name |
emoji |
Avatar emoji |
role |
Role label shown in spotlight |
model |
Model name shown in spotlight |
color |
Hex color for theme and pixel art |
desk |
Desk position: command, dev, trading, research, design, security, content, strategy, engineering, pm, finance |
accessory |
Pixel art accessory: glasses, hat, badge, headphones, scarf, cap, bowtie, visor, antenna, crown, monocle |
4. Customize Chat Lines (Optional)
Edit src/lib/agent-chat.ts to write personality-driven banter. Each agent has:
general— random lines said to the roomto{AgentName}— directed lines at specific agents (30% chance)
5. Run
# Development
npm run dev
# Production
npm run build && npm start
6. Deploy to Vercel (Optional)
Push to GitHub and import in Vercel. Demo mode activates automatically on Vercel.
How Live Mode Works
In live mode, the app reads from your OpenClaw directory:
- Agent status — scans
~/.openclaw/agents/{id}/sessions/*.jsonlfor recent activity - Activity feed — extracts user messages and tool calls from session files
- System stats — reads
/proc/loadavg, runsfree -manddf - Room assignment — active agents → office, idle → kitchen/game room, offline → rest room
No database. No external APIs. Just reads files from disk.
Requirements
- Node.js 20+
- OpenClaw (for live mode only)
- npm
Notes
- The chat system generates fun flavor text — it's not real agent communication
- Demo mode works everywhere, including Vercel, with zero configuration
- The pixel art renderer uses Canvas2D — no WebGL required, works in all browsers
- Mobile responsive — stacks vertically on small screens
- 确保已安装 OpenClaw(本地或 Docker 部署)
- 在对话框中输入安装命令:
/install agency-hq - 安装完成后,直接呼叫该 Skill 的名称或使用
/agency-hq触发 - 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
Agency HQ 是什么?
A pixel art office visualization for your AI agent team. Shows real-time agent status, activity feeds, and personality-driven banter. Works with OpenClaw in... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 311 次。
如何安装 Agency HQ?
在 OpenClaw 或 Claude Code 对话框中运行命令「/install agency-hq」即可一键安装,无需额外配置。
Agency HQ 是免费的吗?
是的,Agency HQ 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。
Agency HQ 支持哪些平台?
Agency HQ 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。
谁开发了 Agency HQ?
由 spockthegreatbot(@spockthegreatbot)开发并维护,当前版本 v1.0.0。