This post is my submission for DEV Education Track: Build Apps with Google AI Studio.
What I Built
I built the "Martian RPG Character Portrait Generator," an app that uses Imagen to create sci-fi character portraits and Gemini to write their backstories and stats. It's designed to provide quick inspiration for tabletop RPG players.
Below is the prompt I used to generate it in Google AI Studio:
Please create a web app called Martian RPG Character Portrait Generator.
The app should allow the user to generate a unique RPG character portrait set in a sci-fi world inspired by space exploration and Mars colonization.Key requirements:
Use the Imagen API to generate highly detailed, visually striking portraits of RPG characters (explorers, scientists, space pirates, engineers, alien beings, Martian settlers).
Portraits should reflect a futuristic, Mars-themed setting (space suits, domes, alien landscapes, red dust, cybernetic implants, etc.).
Allow the user to input a character archetype (e.g., ‘Martian Explorer’, ‘Alien Diplomat’, ‘Space Pirate Captain’) and optional style modifiers (e.g., ‘retro-futurism’, ‘cyberpunk’, ‘comic book style’).
Use Gemini to generate a short character backstory, role-playing stats, and personality traits based on the chosen archetype and style.
Display the generated portrait and the accompanying character description together in a clean, card-style layout.
Include a “Generate Again” button to allow users to refresh both the portrait and description.
While the image and text are generating, display a loading indicator.
If the Imagen API fails to generate an image, display a placeholder image and a friendly error message.
The app should integrate image generation (Imagen) and text generation (Gemini), have a simple and user-friendly interface, and be ready for deployment as a small web application.
Demo
You can try the live application here:
Try the Martian RPG Generator!
Here's a screenshot of a generated character:
My Experience
Having experimented with several "vibe-programming" platforms, what truly stands out with Google AI Studio is the sheer velocity from concept to reality. But for me, the most astonishing part was the deployment. As a developer who regularly works with Google Cloud, I'm used to the standard deployment pipelines. The fact that this entire process was condensed into just three clicks—hitting 'Deploy,' selecting my Google Cloud project, and confirming—is nothing short of revolutionary.
As a constant user of both Gemini and AI Studio, I'm thrilled to see the developers integrate such a powerful function into the product. The "Build apps with Gemini" feature is a genuine game-changer, saving an incredible amount of time by allowing you to stay entirely within the Google Cloud ecosystem. Moving seamlessly from idea to a live application without ever leaving the environment is an amazing and welcome evolution of the platform.
Top comments (0)