Gemini-Powered AI app in 3 prompts

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

What I Built

I built an AI RPG Character Sheet Generator web app using Google AI Studio’s “Build apps with Gemini” feature.

Prompt used:

Create an application that generates 1 RPG character sheet using random data.
It should have an input where the user can choose the character's name, race, inclination (with inclination being a drop-down), and RPG setting (e.g., cyberpunk, post-apocalyptic, medieval, etc.).
After filling in this information, the system will create a personalized character sheet. The character's photo will be generated in Imagen.
The points will be randomized, respecting the following rules:

Main Skills (10 points randomly distributed):
Strength, Dexterity, Agility, Intelligence

• 1 weapon (generated by the Gemini with up to 9 damage)
• 1 shield (generated by the Gemini with up to 5 defense)

Secondary Skills (10 points randomly distributed):

• Subterfuge
• Luck
• Tool Expertise
• Appearance
• Emotional Control

Extra Skills (3 skills) (random characters generated by Gemini, 5 points to distribute among them)

Aditional Features:

• Download button for exporting sheet as PNG or PDF
• Translate to EN-US or PT-BR
• Easter Eggs related to the RPG scenarios

Demo

• Deployed App: Click here

My Experience

• Rapid prototyping: Prototyping was a breeze.
• Versioning: The ability to version each prompt is a huge help, especially when implementing more complex features that could break existing designs.
• Responsive UX: Responsiveness worked well, and the PDF and PNG export functionality works almost flawlessly.

Comments

[Igor Giamoniano]

Github repo:

igorgbr / AI-RPG-Character-Sheet-Generator

🎭 AI RPG Character Sheet Generator

Generate a complete, ready-to-play AI-powered character sheet for your tabletop RPG campaigns. Simply provide a few core concepts, and let AI build the rest!

React | TypeScript | Google Gemini

---

✨ Features

• 🤖 Full AI-Powered Generation - Uses Google's Gemini 2.5 Flash for rich backstories and creative item names, and Imagen 3.0 for high-quality character portraits and atmospheric backgrounds.
• 🌌 Limitless RPG Settings - The AI adapts to any setting you can imagine, from classic fantasy to grimdark sci-fi.
• 📝 Customizable Characters - Define your character's name, race, alignment (inclination), and RPG setting.
• 🎲 Randomized Stat Distribution - Automatically distributes points across main, secondary, and unique AI-generated extra skills.
• 📜 AI-Generated History & Items - Creates a unique backstory, a custom weapon, and a defensive item tailored to your character's profile.
• 🎨 Dynamic Theming - The app's entire color scheme changes based on the…

View on GitHub