Teo & Pixel: the mascots of The Human Behind AI

The idea

I wanted visitors to smile while they read. So I hid two characters across the site, a little like the bronze dwarfs you discover around Wrocław: Teo, a friendly robot, and Pixel, his robot cat. They sit on frames, lie on lines, peek out from behind photos, and wait to be found.

Drawing them

I created every pose in ChatGPT, in one conversation, so both characters keep the same look from page to page.

One rule for size

Pixel on my About page sets the scale, and Teo is always twice his size. Each mascot is measured by the width of its face, so a sitting Teo and a walking Teo stay the same character.

Bringing them to life

With Claude Code, every mascot became a small set of layers:

• they blink, thanks to extra frames with closed eyes;
• hearts, sparks, steam, a light bulb and cat tails move gently on their own;
• Teo waves, gives a thumbs-up and swings his legs;
• on the homepage, one Teo dissolves into pixels a few seconds after you notice him.

Teo delivers the logo

On the homepage, Teo walks in with a cart, drops the logo into place, and walks on through the menu. Four drawings of his steps play in a loop, so he really walks.

Keeping track: The Roster

With mascots on many pages, I built a small tool that visits the whole site, finds every mascot, takes a screenshot, measures it and lists its animations. New mascots join the list automatically.

How we worked

I described the effect I wanted and judged every version. Claude Code cut the layers, wrote the animations and checked each change with screenshots before it went live.

Built with ChatGPT and Claude Code. Part of “The Human Behind AI” website & portfolio.