Case Study

Agentic Design

Menderbug โ€” An AI Image Generator for Designers

An AI image generator made for how designers actually work โ€” with structured references, indefinite iteration and branching, built-in design chat, and cross-surface flows. Built in 3 hours using agentic coding, in daily use since.

Client

Personal Tool

Role

Designer, UX Architect, Builder

Timeline

3 hours (April 2026)

Industry

Design Tools / AI

Menderbug Images tab in action โ€” prompt input, reference panel, and recent generations in dark mode

I use Midjourney. I use Nano Banana. The images are fine. The experience is not. So I built my own โ€” Menderbug. An AI image generator made for how designers actually work. Built in 3 hours. In daily use since.

3 hrs

To MVP

Solo

Built

Daily

In Use


A Bad Workflow, On Repeat

Imagine this. You're designing a poster. You need a hero image, and AI is faster than a stock search. You open Midjourney. This is what the next two hours actually look like:

You write a prompt. The tool forgets.

You generate an image. It's close. You want to push it in a new direction. You write another prompt. The tool has no memory of the previous result. You scroll back through Discord, looking for the image from five minutes ago. You can't find it. You copy the old prompt, tweak two words, cross your fingers, and regenerate. You do this thirty times in a session. Every single generation is a fresh start in a tool that doesn't remember you.

Monologue, not dialogue

The experience of prompting in every major AI image tool right now

You have references. The tool doesn't care how you think about them.

You're not just "inspired" by a mood. You have one reference for the subject. A different one for the layout. A third for the typography. A fourth for the color palette. You drop all four into the tool. The AI treats them as one blob of "inspiration." Which reference was for the composition? Which was for the color? It doesn't know. Neither does your result.

Reference dump

Designers think in structured reference

Every tool treats it like a pile

You get a good result. Then you lose it.

You generate something that's actually working. You want to try three variations from it. Each new prompt overwrites the last. Or the variations pile up in a Discord thread and you can't tell which one was the good one. Three days later, you want to come back to where you left off. Good luck. The good one is buried under 200 later generations that weren't as good.

Sculpting vs gambling

Iteration should feel like sculpting

Most AI tools make it feel like gambling

You need to think. You need to switch tools.

You want feedback on a result. You open ChatGPT. Paste the image. Describe the context. Get thoughts. Now you want to generate again. You close ChatGPT, go to Midjourney, can't remember what ChatGPT suggested, alt-tab, copy, paste, alt-tab back. Lose the thread. Lose the context. Try to remember what the client originally asked for. Where was that conversation? Which tab?

Context collapse

Ideation in one tool, generation in another, feedback in a third

Context collapses every time you switch


I Wasn't Solving for Pixels

Every existing AI image tool is optimized for one thing: generate a cool image. But that's not what a designer is doing all day. A designer is dialing in the right image through iteration, with tight reference control, while maintaining context across generation, feedback, and ideation.

The models are fine. The quality is converging. The next layer of value in AI tools isn't pixels โ€” it's the workflow that wraps them.

The insight

I wasn't solving for better pixels. I was solving for a designer's workflow.

That's the whole product.


Built in One Sitting

Because the problem was personal, I didn't need discovery. Because I've practiced agentic coding as a discipline, I didn't need engineering help. Menderbug went from idea to deployed product in about three hours โ€” one evening.

3 hrs

Idea to Live

10+

AI Features

3

Product Surfaces

The unlock

When you can build the tool faster than you can keep using the wrong one

The math flips in the designer's favor


Three Surfaces, One Workflow

Menderbug is structured around how designers actually use AI image tools, not how the models want to be prompted. Three surfaces, each fixing a specific pain from above. They share history, they share state, they share a design language.

๐ŸŽจ Images โ€” Generation, Finally Right

Text-to-image with aspect ratio, variant count, and structured reference control. Prompt enhance for when the idea is there but the language isn't. Download with one click. Everything you've ever made, searchable in the sidebar forever.


๐Ÿ” Iteration โ€” Sculpting, Not Gambling

This is the feature that made the whole product worth building. Every other AI image tool treats iteration as "generate again." Menderbug treats it as a container โ€” with memory, structure, and branches.

  • Threads โ€” start an iteration from any image. Every new version is a step in that thread.
  • Indefinite iteration โ€” dial in the result across as many steps as you need, without losing a single one
  • Timeline view โ€” see the evolution of an idea laid out linearly
  • Branching โ€” any step can spawn a new branch. Explore divergent directions without destroying the original.
  • Any historical image is iterable โ€” something you made three weeks ago, click once, start iterating.
Menderbug iteration timeline with branching โ€” a thread of generated images showing the evolution of an idea with branch points
The iteration timeline โ€” threaded, branchable, non-destructive

Iteration as a first-class concept

Threads, timelines, branches

The structure matches how design exploration actually works


๐Ÿ’ฌ Chat โ€” Ideation Without Tool-Switching

Because switching between ChatGPT and your image tool is where context dies. Menderbug has Gemini chat built in โ€” with four design-focused personas and seamless handoff to image generation. No more alt-tab grief.

  • Streaming replies with full Markdown (headings, bullets, code blocks)
  • Image attachments โ€” drag-drop or paste any image for design feedback
  • Four personas โ€” Default (balanced), Design Critic (blunt), Ideation Partner (wild), Prompt Engineer (briefs to prompts)
  • Auto-title โ€” threads rename themselves after your first exchange
  • Send to Images โ€” turn any chat reply into a generation prompt without leaving

The Design Calls That Make It Work

Every feature has an opinion behind it. These are mine.

Categorized References, Not a Reference Dump

Every AI tool has "drop some references." I broke references into five slots that map to how designers actually think โ€” Subject, Structure, Font, Color Theme, Visual Style. This isn't rigidity; it's scaffolding. The AI gives better output because it knows which input means what.

Close-up of Menderbug's categorized reference panel with five labeled slots โ€” Subject, Structure, Font, Color Theme, Visual Style
Five reference slots, each with a clear role

Personas, Not System Prompts

Designers don't want to write system prompts. They want to say "critique this" or "give me ideas" and have the AI show up in the right mode. Four built-in personas cover 95% of real use cases.

Branching, Not Forking

Branches share ancestry but diverge after a specific step. This matches how design exploration actually works โ€” you have a good direction, you want to try two variations from there, you want to keep both without losing the original.

Cross-Surface Flows

The three tabs aren't silos. Any image can jump to Chat with itself attached. Any chat message can become a generation prompt. Any image in history can start an iteration thread. The workflow flows between surfaces without losing state.

Permanent, Searchable History

Every image you've ever made is in the sidebar. Search by prompt text. Click to iterate. Click to discuss. Nothing buried, nothing lost, nothing forgotten.

Menderbug history sidebar showing permanent, searchable archive of every generation with prompt text and thumbnail preview
Every image, forever, searchable

The Stack

I pick tools the way I pick design systems โ€” intentionally. Every piece was chosen for a reason.

Frontend

  • Next.js 16 (App Router, Turbopack)
  • React 19 + TypeScript
  • Tailwind CSS v4 + shadcn/ui
  • Sonner (toasts), React Markdown
  • Lucide icons

AI, Data & Infra

  • @google/genai โ€” Gemini Nano Banana (image + streaming chat)
  • Neon Postgres (serverless HTTP driver)
  • Vercel Blob (image storage)
  • NextAuth.js 5 + Google OAuth with email allow-list
  • Vercel (Fluid Compute for streaming)

Production-grade stack

Streaming chat, serverless Postgres, email allow-list auth โ€” no toy frameworks, no experimental tools

Every choice optimized for shipping fast and staying cheap

Menderbug tech stack visual or deployment dashboard showing the stack in production
The stack in production

Shipped in 3 Hours

Menderbug came together in a single evening. Two reasons: the problem was personal (I didn't need discovery โ€” I had months of friction to draw from), and I've practiced agentic coding as a discipline. The speed isn't a flex โ€” it's a consequence of the workflow.

How I Actually Worked

  1. I described what I wanted. "Categorized reference slots โ€” up to 5 images, each tagged by role, drag-drop, keyboard support." Clear intent beats clever code every time.
  2. AI generated, I reviewed. Every line before commit. Not to edit it โ€” to understand it. That's how I learned what my app is doing.
  3. Convention files kept it coherent. A CLAUDE.md and AGENTS.md at the root warned the AI about framework version specifics, naming rules, and design conventions โ€” so every session stayed aligned.
  4. Parallel work. Different agents on different features โ€” one on iteration threads, one on the auth allow-list, one on the reference panel โ€” shipping into the same codebase.

I don't wait for engineering

I design the product, direct the agents, review the output, and ship it

Agentic coding is the execution layer. The design is mine.


If a Tool Doesn't Fit, Build Your Own

This isn't a one-off. It's the pattern I've been running on repeat. Menderbug fixed my image generation workflow. Gamma automated my thumbnail production. SkillIssue turned friend dares into a real product. Every time I hit meaningful friction, I reach for agentic coding and build the thing that doesn't exist yet.

The hours of building cost less than the months of working around the wrong tool. That's the real unlock agentic coding gives designers: the ability to solve your own problems as fast as you notice them.


Results

3 hrs

Build

3

Tools Replaced

Hours/wk

Saved

  • Complete AI image + chat + iteration product, shipped solo in 3 hours
  • My daily generation tool โ€” replaced my Midjourney + ChatGPT + screenshot-folder workflow entirely
  • Hours saved every week on a workflow I used to run on broken tools
  • Every feature validated by real use, not speculation
  • Email allow-list so trusted collaborators can use it too

What I Learned

  1. AI models are commoditizing โ€” the value has moved to UX and workflow packaging
  2. Solving your own problem is a cheat code โ€” you're the user, the research, and the QA
  3. Structure creates creativity โ€” categorized references beat a reference dump
  4. Iteration and branching are underrated โ€” most AI tools treat generation as linear, but design is exploratory
  5. The ceiling on what a designer can build keeps rising โ€” agentic coding is the escalator

The models are fine. The experiences aren't. I build the experiences.