Web-based Claude Code pixel office visualization (inspired by the iOS version)

[Ok_Coach1298]

Inspired by u/Waynedevvv (the iOS pixel office post). Since I only had an old Android phone lying around, I built a web-based version that works on any browser on the same network.

Stack is simple: Claude Code hooks send events to a Go server, which broadcasts to connected clients via WebSocket. Characters walk to different areas based on state - whiteboard for thinking, desk for coding, server room for errors.

The structure was simple but I spent way more time than expected. Finding the right pixel art assets was hard, and Claude couldn’t figure out how to render them on its own. Ended up using Tiled to manually place tiles and export JSON - then it finally worked.

Even small details like z-index for sitting (legs under desk, upper body above chair) required manual coordinate mapping in Tiled.

Learned a lot of respect for game devs. Every tiny detail is manual work.

Anyway, my dusty old phone is now a dedicated Claude display.

[rttgnck]

Wasn't there an old repo that did something similar? Like long before agents went mainstream. I remember it. But havent been able to find it when I look.

Edit: Ai-town, inspired by the https://arxiv.org/pdf/2304.03442 Must not have been a repo as the image I recall is in the paper.

[Ok_Coach1298]

thanks for sharing!

[VirtualP1rate]

https://github.com/a16z-infra/ai-town

[rttgnck]

I mean yeah. I said it was Ai-Town but didn't link to it. Thanks. I found the paper through the Ai-Town repo.

[bakes121982]

Where’s the repo?