Build a live pixel office where your Claude Code agents walk to their desks when they really work. Five steps. Do them in order; tick each prompt as you go.
Change the app name, theme and art style if you want.
For each character: a short name, a role, and who they are — anything from "a cheerful robot" to an anime character. Extra details are optional; ChatGPT decides the colours.
When there are no red warnings, press Next.
Start from
The basics
Your characters — the first one is the leader
More settings (optional)
Room names
2. Draw the characters
ChatGPT
What to do
Open chatgpt.com and start one new chat. Use this same chat for ALL the art, including the office in step 3.
Start with the leader. Pick a character below, then for each of its 4 prompts: press Copy, paste it into ChatGPT, attach what it says to attach, and send.
If ChatGPT asks for a picture, open "ChatGPT asked for a picture?" under that prompt. Happy with the picture? Download it and save it with the exact name shown. Not happy? Tell ChatGPT what to fix, or send the prompt again.
Tick Done, then move to the next prompt. When every character shows 4/4, press Next.
Make a folder called raw somewhere now. Every image goes inside it, e.g. raw/nova/front.png. Step 4 needs this folder.
Want ChatGPT to suggest a team for your theme instead? (optional)
3. Draw the office
ChatGPT
What to do
Stay in the same ChatGPT chat as your characters, so the office matches their style.
Copy the office prompt, send it, and save the picture as raw/office.png.
It doesn't have to be perfect — in step 4 you'll click where the rooms and doors are.
The app icon is optional.
4. Build it
Claude Code
What to do
Make a new empty folder for the app and move your raw folder into it.
Open a terminal in that folder and type claude. Always start Claude from this folder (or from the terminal inside the app once it exists) — that's where the office listens.
Copy the prompts below one at a time, in order. After each one, wait until Claude has finished and shown you its proof, then tick Done.
Some prompts need you to do something yourself — they're marked Your turn.
5. Check it & fix
Claude Code
What to do
Run the check prompt. Claude uses the office for real and reports PASS or FAIL for each part.
If something looks wrong, find the problem in the list below and paste its fix.
Something wrong? Pick the problem
Want to change something later?
How
Go back to step 1 and change your team, theme or style.
Send the ChatGPT "changed" prompt in your art chat — it tells you which pictures to redo.
Put the new pictures in raw, then send the Claude "changed" prompt — it updates the app.
The image prompts were rebuilt from a finished office build. Expect to re-roll a few pictures.
This kit is free. If it saved you an evening of prompt-writing, a coffee keeps the next one coming.