<vibe-img>

Image generation for prototyping.

Built for lazy LLMs and lazy developers.

Boat illustration

Built for your favourite LLM

How does it work?

Just tell your LLM to use <vibe-img>. It’ll handle the rest like this:

index.html
<vibe-theme prompt="retro travel poster illustration, bold dark outlines, flat color fills, relaxed chill mood, round composition fitting a circle. Set in Yosemite National Park">
  <div class="page-header">
    <h1>One tag to <em>generate them all.</em></h1>
  </div>

  <div class="features-row">
    <div class="feature">
      <vibe-img
        model="recraft"
        img-style="vector"
        prompt="a man holding a lit torch walking through Yosemite valley at night..."
        params='{"controls":{"colors":[{"rgb":[255,215,0]},{"rgb":[243,140,121]},{"rgb":[3,76,83]},{"rgb":[0,112,116]}],"background_color":{"rgb":[243,140,121]}}}'
      ></vibe-img>
    </div>

    <!-- ... the rest of the features -->
  </div>
</vibe-theme>

Bugs, ideas, or just rants?

Drop some feedback at /feedback

vibe-img/repo