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
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.