Agentopolis — Development skill for Claude Code
A living pixel-art skyscraper of your Claude Code sessions.
How to install Agentopolis
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open PorlyBe/agentopolis and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Agentopolis does
A living pixel-art skyscraper of your Claude Code sessions.
Alternatives in Development
- Screenshot — Capture desktop, app windows, or pixel regions across OS platforms 14.6k ★
- Fidelity — Measure how faithfully a clone reproduces a site — pixel-diff plus motion-fidelity into one 0-100 score, a let 3.6k ★
- Huashu Art Motion — 艺术动画skill:35种艺术风格、9种解说语法,用代码让画动起来 1.5k ★
README
Agentopolis
**A living pixel-art skyscraper of your Claude Code sessions.**
Every running session gets its own floor. Its subagents and workflow agents walk in through the lobby, ride the glass elevator and sit down at the desks beside it. You watch them work, take coffee breaks, get stuck, celebrate, and queue outside your office when they need you. Your teammates' open pull requests line the street as neighbouring buildings, and a failing CI run sets them on fire.

It is a read-only window onto `~/.claude`. It installs no hooks, changes no settings and runs no agents. It's a plain Node server with no dependencies and a canvas page.
Getting started
1. What you need
- Node.js 24. It's the version Agentopolis is tested on. Check with
node -v; get it from nodejs.org ornvm install 24. There's nothing tonpm install, because there are no dependencies. - Claude Code, running on the same machine. Agentopolis shows the sessions that are open right now.
- Optional: the GitHub CLI, signed in (
gh auth login). This lights up the street, post room, CI subway, deploy rockets and your PR board for the GitHub repo your sessions are working in. Without it the tower still works and the street stays quiet. - Tested on macOS. Linux and Windows (WSL) should work but haven't been tried yet; reports welcome.
2. Try the demo (no setup)
git clone https://github.com/PorlyBe/agentopolis.git
cd agentopolis
npm run demo # or: node server.mjs --demo
Open **http://127.0.0.1:4747**. You get a made-up office with five sessions, teammates, PRs and deploys. The demo reads nothing from your machine and makes no network calls.
3. Run it on your own sessions
npm start -- --name "Ada" # or: node server.mjs --name "Ada"; your name goes on the CEO office
Open **http://127.0.0.1:4747**, then start or switch to a Claude Code ses
Related Skills
Claude City
Watch every Claude Code session on your machine as a living pixel-art city. Installable Claude Code plugin: ag
Agent Visualiser
Watch your coding agents work as a tiny pixel-art office. A local daemon follows Claude Code sessions (or any
Creation Engine.Skill
Living Intelligence for creators who build universes — generates code, text, and art prompts that compound wit
Skyclaw
Clawd, the Claude Code mascot, living on your macOS desktop: one pixel crab per session, doing what it does.
Agent Monitor
Claude Code Agent Team GUI Monitor - Tauri v2 + React + TypeScript macOS desktop app with pixel art office vie
Claude VS Codex
A 93-second pixel-art cartoon about Clawd and Codex, written entirely in code by Claude — one-shot, 1 user tur
Related Agents
Pixel Art Animation Reviewer
Art Lead
Pixel art team lead. Use when generating, managing, or organizing game art assets via PixelLab. Handles charac
Sprite Prompt Engineer
遊戲角色立繪+像素素材生成 prompt 專家。兩軌並行:①立繪軌——為 ComfyUI + SDXL 環境(NoobAI/Pony 系列模型)撰寫角色立繪 prompt,確保同一角色跨表情/場景/服裝視覺一致;②像素軌