DEV Community

Huecki
Huecki

Posted on

VibeCoding Your Images: One Prompt, One URL, Zero Dragging

Skip the bla and implement this prompt to you AI tool to test : Here

Here is a one shot example at lovable.dev you can check out the prompt: Loveable.dev|Project


I was so tired of all this media dragging

Not burnt out -> tired. Just that everyday developer fatigue that creeps in when you realize you’ve wasted another hell of minutes uploading assets just to get a background image working on your app.

All I wanted was a fast, lazy, clever way to generate the images I needed without leaving my dev flow.

So I built VibeMedia — a simple tool that lets you create dynamic, styled perfect placeholder images using just a URL.

Why I Built It?

I was working on a landing page for a side project. The design looked great. But when it came time to drop in background images, headers, thumbnails… it felt like I was doing more uploading and tweaking than coding.

Each image had to be designed, exported, compressed, renamed, uploaded, hosted. Just to change a headline, I’d repeat the process.

At some point I just asked myself -> why can’t I generate these dynamically, like I do with code?

So I hacked together a little API that would generate images on the fly which fits perfectly with AI tools like cursor or lovable or else. All from the URL like a dynamic placeholder.

What VibeMedia Does

It just an URL that generates images on the fly via URL and prompt:

<img src="https://vibemedia.space/hero_bg.png?prompt=modern%20minimalist%20office%20space%20with%20natural%20lighting" />
Enter fullscreen mode Exit fullscreen mode

Boom. An image shows up with desired look on the promot.

No uploading. No exporting. No Canva. No nonsense.

It works great for:

  • Dynamic open graph images
  • Game sprites
  • Landing page hero images
  • User-generated graphics
  • Blog thumbnails and many more

Top comments (0)