DEV Community

Cover image for Pubmat AI | My Personal Layout Artist
John Casper Santos
John Casper Santos

Posted on

Pubmat AI | My Personal Layout Artist

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

What I Built

I created Pubmat AI, a personal layout assistant powered by Imagen. It’s built to make poster creation fast, smooth, and design-savvy—perfect for pubmats and visual assets that normally take hours to nail.

At the heart of it, Gemini acts like an art director. Instead of just generating an image, it transforms a rough or detailed prompt into a rich creative brief, packed with layout suggestions, design themes, and typography notes. That’s passed to Imagen 3, which renders the final poster visuals sharp, text clean.

Demo

I haven’t deployed Pubmat AI yet because to use Imagen outside AI Studio, I need to be a billed user. I’m broke and can’t afford😔.

Error generating poster image: ApiError: {"error":{"code":400,"message":"Imagen API is only accessible to billed users at this time.","status":"INVALID_ARGUMENT"}}
Enter fullscreen mode Exit fullscreen mode

here's the output
PubmatAI output

My Experience

I'm not new with generative ai and building apps. i have some few projects that was built with having assistance with ai like looking for possible error, generating boilerplate, do stuff i already did, refractor etc.

but what surprise me the most is how gemini successfully Build the Pubmat AI with 1 prompt. I dropped a lengthy one, and boom first shot hit. With a few tweaks, I had the whole app up and running.

Even though the pubmat ai is not deployed, i can still use the app inside the aistudio which will definitely speed things up creating posters/pubmat.

at first i encountered the most common problem with the image generator. the random text and errors on typography,

To fix it, I crafted a master system prompt called the INTEGRATED_POSTER_DIRECTOR_PROMPT. It turns Gemini into a pro-level art director. Instead of a simple image request, it spits out a detailed prompt like: “A vibrant retro 80s-themed poster... the text 'CYBERWAVE' is rendered in a bold, chrome-finished font...” That gets passed to Imagen 3, which delivers the full design with clean typography.

I really enjoyed this new knowledge

Top comments (1)

Collapse
 
kyazs profile image
John Casper Santos

if you have other alternative on image generator without having to setup a billing. pls tell me 🙏