{"slug": "my-protrait-maker", "title": "MY PROTRAIT MAKER", "summary": "The article describes \"My Portrait Maker,\" an RPG character portrait generator built using Google AI Studio. The app uses Gemini to expand user inputs into detailed descriptions and Imagen to generate corresponding artwork, with features like a dark gaming theme, localStorage for history, and an API key input field. The developer notes that the project demonstrates how powerful prompts can be transformed into functional applications.", "body_md": "This post is my submission for DEV Education Track: Build Apps with Google AI Studio.\nWhat I Built\nI build an RPG Character Portrait Generator that successfully uses both Gemini\n(to expand simple ideas into detailed descriptions) and Imagen (to turn those descriptions into art), use the prompts below.\nPrompt: \"Build a web application called 'My Portrait Maker.'\nFeatures:\n- User Input: A text field for character name and a dropdown for 'Universe'\n(choices: High Fantasy, Cyberpunk, Cosmic Horror, Steampunk,\nPost-Apocalyptic).\n- Character Traits: Add buttons or chips for Race (Human, Elf, Orc, Android,\netc.) and Class (Warrior, Mage, Hacker, Pilot).\n- The Logic: When the user clicks 'Generate', the app should first send the\nuser's choices to Gemini to write a 50-word, highly detailed cinematic\nvisual description of the character.\n- Image Generation: Take that Gemini-generated description and pass it\nautomatically to the Imagen API to generate a high-quality 1:1 portrait.\n- Gallery: Display the generated image alongside the character name and the\ndescription Gemini wrote. Include a 'Download' button to save the portrait\nas a PNG.\n- Persistence: Use localStorage so the user can see their previous character\ncreations in a 'History' section.\n- Add an API Key input field in the App UI so I can paste my key directly into the running app to test it.\nStyling: Use a dark, professional 'gaming' theme with gold accents and a\nresponsive layout.\"\nDemo\nhttps://my-portrait-maker-652806875882.asia-southeast1.run.app\nMy Experience\nI 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.", "url": "https://wpnews.pro/news/my-protrait-maker", "canonical_source": "https://dev.to/rajab_baig_a3929cefc3758b/my-protrait-maker-5c88", "published_at": "2026-05-23 20:40:42+00:00", "updated_at": "2026-05-23 21:04:05.765398+00:00", "lang": "en", "topics": ["artificial-intelligence", "developer-tools", "products"], "entities": ["Gemini", "Imagen", "Google AI Studio"], "alternates": {"html": "https://wpnews.pro/news/my-protrait-maker", "markdown": "https://wpnews.pro/news/my-protrait-maker.md", "text": "https://wpnews.pro/news/my-protrait-maker.txt", "jsonld": "https://wpnews.pro/news/my-protrait-maker.jsonld"}}