DEV Community

Cover image for What I Built
Kyle Keon
Kyle Keon

Posted on

What I Built

Education Track: Build Apps with Google AI Studio

What I Built


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

What I Built

I built MythicCanvas, an AI-powered fantasy RPG character studio using Google AI Studio and Gemini image models. It combines high-resolution fantasy portrait generation, natural-language image editing, character identity customization, D20-inspired hero generation, character sheets, and a roster gallery into one cohesive creative workspace.

My goal was to move beyond a basic AI image generator and create a tool that supports the full character-creation workflow, from generating an initial hero concept to refining the portrait and organizing characters for a fantasy world or RPG campaign.

Some of the core instructions guiding the build focused on creating a premium fantasy RPG studio, combining image generation with prompt-based editing, establishing a clear visual hierarchy, and making character creation feel like an integrated experience rather than a collection of disconnected tools.

The application interface uses gemini-3-pro-image-preview for portrait generation, with 1K, 2K, and 4K resolution options, and gemini-nano-banana-2.1 for prompt-driven image editing.

Key features include:

  • Fantasy Portrait Studio: Generate detailed character artwork at multiple resolutions.

  • Prompt Editor: Refine existing artwork using natural-language instructions.

  • Prompt Inpainting: Support targeted visual edits without treating every change as a completely new generation.

  • Character Identity & Heritage: Customize character concepts and attributes.

  • D20 Hero Generator: Introduce randomized hero creation into the experience.

  • Character Sheets and Roster Gallery: Provide a dedicated workflow for managing character concepts and creations.

The interface uses a dark fantasy aesthetic with gold accents, distinctive typography, and dedicated navigation for the different creative tools.

Demo

Try MythicCanvas in Google AI Studio:

https://ai.studio/apps/23da042c-ad8a-42a4-a644-17f54b49af97

The app preview showcases the MythicCanvas RPG Studio, including its Portrait Studio, Prompt Editor, Roster & Gallery, D20 hero-generation control, and dual-image-engine workflow.

Screenshot: MythicCanvas running in Google AI Studio.

My Experience

Building MythicCanvas reinforced an important lesson about AI development: the model is only one part of the application. The experience built around it is what makes the tool useful.

Image generation is exciting, but creating a character often involves multiple iterations. A user might generate a hero, adjust the appearance, refine individual details, explore alternative concepts, and keep the final result organized for later use. I wanted MythicCanvas to bring these activities together in a single environment.

One of the most interesting design considerations was separating image creation from image editing. Generating a new portrait and refining an existing one are different creative tasks. Structuring the interface around both workflows provides a more natural way to explore ideas while retaining control over the creative process.

I also learned to think beyond functionality when designing an AI application. Visual hierarchy, navigation, feedback, and the relationship between different tools all contribute to whether an application feels cohesive. For a fantasy-focused product, the interface itself should reinforce the creative experience rather than feel like a generic dashboard.

Google AI Studio gave me a practical environment for developing the concept and working with Gemini's image capabilities. It helped me explore how generative AI could be integrated into a purpose-built application with a defined audience and workflow.

The biggest takeaway is that building with AI is not simply about finding a powerful model or writing one good prompt. It is about translating an idea into a complete product experience, making deliberate design decisions, and continually refining how users interact with the underlying capabilities.

What's Next

I want to continue improving MythicCanvas with a focus on character consistency across generations, more precise image editing, character-sheet usability, and a smoother workflow for managing larger character rosters.

The longer-term vision is to make MythicCanvas a useful creative workspace for tabletop RPG players, game masters, indie game developers, and fantasy worldbuilders.

If you're experimenting with Google AI Studio, I'd be interested in hearing how you're using Gemini to build applications that go beyond a simple chat interface.


Built with Google AI Studio and Gemini image models.

GoogleAIStudio #Gemini #BuildWithAI #WebDev #GameDev

Top comments (0)