Things I’ve built

mascot-maker.

Open source · HTML

mascot-maker
MIT licensed
Exports PNG, GIF and MP4
No paid services

Problem solved

Giving a product a mascot normally means hiring an illustrator and waiting. Here the coding agent you already use designs one and hands back the files.

What I built

Install it as a skill in Claude Code, Cursor, Codex or any other agent, then describe the mascot you want and the brand colors it should use. The character is built from Unicode block characters (█ ▀ ▄ ▌ ▐) posed on an HTML stage, animated by moving the eye, the arms or the thrust while the outline holds still, then captured frame by frame in headless Chromium and encoded to PNG, GIF and MP4 with ffmpeg. A 5x7 block font covers letters, digits and punctuation, so a single glyph can become a monogram mascot. Six example mascots ship with it, and you can skip the agent and call the render script from node yourself.

Timeline

Jun 2026

Tech stack

HTMLJavaScriptNode.jsPlaywrightFFmpegUnicode block elementsAgent skillClaude CodeCursorGIF

Links

GitHub
14 / 16