DEV Community

Cover image for My AI Bill Was $47. I Had No Idea Where It Went. So I Built a Pixel Art Dashboard.
FENG TIAN (Alpha)
FENG TIAN (Alpha)

Posted on

My AI Bill Was $47. I Had No Idea Where It Went. So I Built a Pixel Art Dashboard.

A story about denial, colorful beads, and the horrifying discovery that 80% of my token cost was output.


Chapter 1: The Denial Phase

It's 2AM. You're in Claude Code. You've typed "make it better" for the 11th time. Claude rewrites your entire module. Again. 2,000 output tokens.

Multiply that by 30 days. Check your bill. $47.

Your reaction: "That can't be right."

Narrator: It was right.

Chapter 2: The Dashboard Nobody Asked For

I could have just... spent less. But I'm a developer. So instead I built a pixel bead board. Think Perler beads meets NES retro gaming meets existential dread about AI costs.

Every token becomes a colored pixel. Claude = coral. GPT = green. Gemini = blue. Light pixels = input tokens, dark pixels = output (3-5x more expensive).

ohmytoken dashboard

Chapter 3: The Cat Head

You can pick board shapes: square, cat head, heart, star, mushroom. Fill patterns: spiral, rain, snake. When full, it saves as pixel art. Each cat costs about $0.80 in API fees. Beautiful and depressing.

Chapter 4: The 80% Problem

My board was 80% dark red. That meant 80% output tokens at $15/MTok vs $3/MTok input. Started asking for shorter answers. Cost dropped 30%.

The dashboard paid for itself. Ironically.

Setup: 30 Seconds

Claude Code: 3 env vars. OpenClaw: 1 command. Any agent: 1 curl.

Privacy: only token counts, never prompts. Open source.

ohmytoken.dev | GitHub

Cat head optional but recommended.

Top comments (0)