Build Apps with Google AI Studio: Pet as Superhero

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

What I Built

I built a fun superhero-themed web app where users enter a pet description and a superhero theme. It combines both inputs to generate a comic-style image using the Imagen API.

I used the following prompt in Google AI Studio to build the app:

Build a web app with two input fields: - Pet Description (e.g., “a golden retriever puppy named Max”) - Superhero Theme (e.g., “fire powers and a cape made of lightning”) Use a default system prompt that will work with all the use cases, entering the pet description and superhero theme. When the user clicks the Generate Image button, combine both inputs into a single detailed prompt for image generation using the Imagen API. The app should: - Show a loading indicator while the image is being generated - Display the generated image once it's ready - User should be able to download the mage Use a fun, colorful design that feels like a comic book or superhero theme. 

Demo

GitHub Live Demo

My Experience

This project helped me understand the creative potential of generative AI beyond typical use cases. I enjoyed combining text and image generation into one simple workflow using Google AI Studio.

What stood out was how easily a fun, interactive app could be built — just by guiding the AI with well-structured prompts. It was interesting to see how each result had its own twist, even when the inputs were similar.