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.
Github repo:
🎭 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