I Built a Coding Mascot Generator with Google AI Studio — Meet Octo-Byte! 🐙

This post is my submission for DEV Education Track: Build Apps with Google AI Studio.

What I Built

I built MascotCraft Studio, an app that generates a cute mascot character for a coding/tutorial brand using Imagen for the visuals and Gemini for the name and personality bio. Here’s the prompt I used:

“Please create an app that generates a cute mascot character for a coding/tutorial brand, using Imagen for the visuals and Gemini to create a name and short personality description for the mascot. The user should be able to type in a few style keywords (like ‘friendly owl’, ‘cool robot’, ‘cheerful fox’) and get a unique mascot image along with its name and bio.”

Gemini went well beyond the basic ask — it added a “Character Designer” with quick preset ideas (Wise Python Owl, Cyberpunk JS Fox, Debugging Robo Kitty, and more), color palette options, multiple visual rendering styles (3D Chibi Toy, Minimal Vector, 16-Bit Retro Pixel, Circular Badge), and even a “Studio Gallery Showcase” using localStorage to save and revisit previously generated mascots.

Demo

🔗 Live app: https://cute-coding-mascot-generator-924052444918.us-east1.run.app

Using the “3D Chibi Toy” style with keywords for a friendly coding octopus, the app generated Octo-Byte — “Asynchronous learning, multi-threaded fun!” A cheerful deep-sea developer who discovered that having eight arms makes multitasking a breeze, whose tech specialty is multi-threaded asynchronous architecture, and whose favorite pastimes include typing on four mechanical keyboards at once.

The artwork came out as a glossy 3D chibi-style purple octopus wearing glasses, sitting in front of a tiny code editor.

My Experience

Watching Gemini’s “Thinking” process work through the build was the most interesting part — it planned out the UI sections, color palettes, and visual styles, then added bonus features I never asked for, like the gallery save feature.

The whole thing went from a single paragraph prompt to a fully deployed, live web app in minutes. I did hit one small snag — clicking a suggested “Fix” on some errors led the app toward a paid API key upgrade prompt for an extra feature, but the core mascot generation worked perfectly on the free tier, so I just dismissed that.

As someone focused on iOS/SwiftUI development, this was a fun detour into a totally different “describe it and watch it build” workflow — and Octo-Byte might just become the unofficial mascot for my Swift article series! 🌸

Thanks for putting together such an approachable track! 🚀