This post is my submission for DEV Education Track: Build Apps with Google AI Studio.
What I Built
I build an RPG Character Portrait Generator that successfully uses both Gemini
(to expand simple ideas into detailed descriptions) and Imagen (to turn those descriptions into art), use the prompts below.
Prompt: "Build a web application called 'My Portrait Maker.'
Features:
- User Input: A text field for character name and a dropdown for 'Universe' (choices: High Fantasy, Cyberpunk, Cosmic Horror, Steampunk, Post-Apocalyptic).
- Character Traits: Add buttons or chips for Race (Human, Elf, Orc, Android, etc.) and Class (Warrior, Mage, Hacker, Pilot).
- The Logic: When the user clicks 'Generate', the app should first send the user's choices to Gemini to write a 50-word, highly detailed cinematic visual description of the character.
- Image Generation: Take that Gemini-generated description and pass it automatically to the Imagen API to generate a high-quality 1:1 portrait.
- Gallery: Display the generated image alongside the character name and the description Gemini wrote. Include a 'Download' button to save the portrait as a PNG.
- Persistence: Use localStorage so the user can see their previous character creations in a 'History' section.
- Add an API Key input field in the App UI so I can paste my key directly into the running app to test it. Styling: Use a dark, professional 'gaming' theme with gold accents and a responsive layout."
Demo
https://my-portrait-maker-652806875882.asia-southeast1.run.app
My Experience
I learned how a good and powerful prompt can be converted into a stunning application. Technology is getting so advanced that user can create what he imagines.
Top comments (0)