<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Yanis KETO</title>
    <description>The latest articles on DEV Community by Yanis KETO (@agentbrush).</description>
    <link>https://dev.to/agentbrush</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3984399%2Ffcadf80d-0339-47db-a1cf-f1f09af8d541.png</url>
      <title>DEV Community: Yanis KETO</title>
      <link>https://dev.to/agentbrush</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/agentbrush"/>
    <language>en</language>
    <item>
      <title>How I shot a full product ad campaign from inside Claude Code (no studio, no photographer)</title>
      <dc:creator>Yanis KETO</dc:creator>
      <pubDate>Sun, 14 Jun 2026 22:06:34 +0000</pubDate>
      <link>https://dev.to/agentbrush/how-i-shot-a-full-product-ad-campaign-from-inside-claude-code-no-studio-no-photographer-1fah</link>
      <guid>https://dev.to/agentbrush/how-i-shot-a-full-product-ad-campaign-from-inside-claude-code-no-studio-no-photographer-1fah</guid>
      <description>&lt;p&gt;A commercial product shoot runs $500 to $2,000 a day, plus a stylist, a retoucher, and weeks of lead time. I was about to launch a side project, needed product creative, and had none of that. The usual fallback is a stock photo, or a tab-out to &lt;a href="https://www.midjourney.com" rel="noopener noreferrer"&gt;Midjourney&lt;/a&gt; or &lt;a href="https://www.figma.com" rel="noopener noreferrer"&gt;Figma&lt;/a&gt;. Instead I shot the whole campaign from inside &lt;a href="https://www.anthropic.com/product/claude-code" rel="noopener noreferrer"&gt;Claude Code&lt;/a&gt;: one hero product shot, a model holding the identical product, every social aspect ratio, and a finished ad with an on-image headline. About 35 tokens, under a dollar.&lt;/p&gt;

&lt;p&gt;The tool is &lt;a href="https://agentbrush.dev" rel="noopener noreferrer"&gt;AgentBrush&lt;/a&gt;, an &lt;a href="https://modelcontextprotocol.io" rel="noopener noreferrer"&gt;MCP&lt;/a&gt; server that gives an AI coding agent (Claude Code, &lt;a href="https://cursor.com" rel="noopener noreferrer"&gt;Cursor&lt;/a&gt;, Codex, Gemini CLI) the ability to generate images and write them straight into your repo. Here's the exact workflow, with the real prompts and what each step costs. (Building a game instead of a brand? The same flow makes a sprite set. Swap in the game prompts.)&lt;/p&gt;

&lt;h2&gt;
  
  
  The math that kills most small-brand shoots
&lt;/h2&gt;

&lt;p&gt;A studio day is $500 to $2,000 before the stylist and the retoucher, and you wait weeks for the slot. For a pre-launch product that stops most shoots before they start, so you ship with a stock photo that looks like everyone else's, or a flat-lay you shot on your desk.&lt;/p&gt;

&lt;p&gt;The campaign in this post (a hero shot, a lifestyle ad, two more aspect ratios, and a finished poster with text) came to about 20 tokens. At Starter pricing that's well under a dollar. There's a real tradeoff and I'll be honest about it at the end, but for marketing and fast iteration it removes a genuine bottleneck.&lt;/p&gt;

&lt;h2&gt;
  
  
  Wiring the image tool into your agent (two minutes)
&lt;/h2&gt;

&lt;p&gt;AgentBrush runs as an MCP server your agent talks to over stdio. After you create an account on the &lt;a href="https://agentbrush.dev/billing" rel="noopener noreferrer"&gt;billing page&lt;/a&gt;, it's three terminal commands:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# 1. install the server&lt;/span&gt;
npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-g&lt;/span&gt; @agentbrush/mcp-server

&lt;span class="c"&gt;# 2. authenticate (opens a browser, click Approve)&lt;/span&gt;
agentbrush-mcp init

&lt;span class="c"&gt;# 3. connect your agent (Claude Code)&lt;/span&gt;
claude mcp add agentbrush &lt;span class="nt"&gt;--scope&lt;/span&gt; user &lt;span class="nt"&gt;--&lt;/span&gt; agentbrush-mcp
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;For Cursor and other MCP clients, add it to your &lt;code&gt;mcp.json&lt;/code&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"mcpServers"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"agentbrush"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nl"&gt;"command"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"agentbrush-mcp"&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;That's it. From here you talk to your agent in plain language and it calls &lt;code&gt;agentbrush_generate&lt;/code&gt; with the right preset.&lt;/p&gt;

&lt;h2&gt;
  
  
  The hero shot: one prompt, the realistic preset
&lt;/h2&gt;

&lt;p&gt;Start with a clean hero. Describe the product, the light, and what's not in the frame. The &lt;code&gt;realistic&lt;/code&gt; preset is tuned for photographic material and lighting:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;A premium crème brûlée bubble tea in a wide-bottomed tulip glass with a straw:
dark tapioca pearls at the base, iced milk tea, a pale custard layer, and a
torched caramel crust on top. Studio product photo, cool grey tones, soft
daylight, smooth concrete backdrop, shallow depth of field. No text, no labels.
preset: realistic · quality: medium · 2:3 portrait
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo9ettzmjn9wnwmkcx1yq.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo9ettzmjn9wnwmkcx1yq.webp" alt="A premium crème brûlée bubble tea, the hero product shot" width="800" height="1200"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That's about 5 tokens at medium quality and 1 at low. Swap the subject for your own product. One caveat up front: glass and other reflective surfaces are the hard case, which is exactly why the next step matters.&lt;/p&gt;

&lt;h2&gt;
  
  
  Lock the product into a scene with a reference image
&lt;/h2&gt;

&lt;p&gt;A hero shot sells the product. A person holding it sells the brand. The trick is keeping the product identical when it moves into a new scene, and the tool for that is the reference image. Pass the hero shot back in and the model anchors to it instead of inventing a new product:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;A premium social ad in cool grey tones: a stylish person in a beige trench coat
holding the exact drink from the reference image, soft smile, concrete minimalist
setting, soft daylight. Keep the drink identical to the reference.
preset: realistic · quality: medium · 2:3 portrait · reference: the hero shot
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2ig524bzv8o0pxb78ryb.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2ig524bzv8o0pxb78ryb.webp" alt="The same drink carried unchanged into a lifestyle ad" width="800" height="1200"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The pearls, the caramel top, the glass all carry over, because the model is holding the actual product rather than a description of it. If you want the detail on how references behave, I wrote it up in the &lt;a href="https://agentbrush.dev/blog/generate-images-from-reference-images" rel="noopener noreferrer"&gt;reference-images guide&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  One shoot, every aspect ratio
&lt;/h2&gt;

&lt;p&gt;Social wants the same creative in different shapes: a vertical story, a wide banner. Re-run the approved ad at each size and pass the first ad as the reference so the person and the product don't drift:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Re-run the approved ad at 9:16 for stories and 16:9 for a wide banner with open
space on one side for a headline. Pass the previous ad as the reference so the
person and the drink stay identical.
preset: realistic · quality: medium · reference: the approved ad
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgblrttapyc605ngfmip6.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgblrttapyc605ngfmip6.webp" alt="The campaign re-cut to a 16:9 wide banner" width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Add the headline: legible on-image text, even bilingual
&lt;/h2&gt;

&lt;p&gt;To ship it as a real ad, add the copy. Two things matter. First, switch to the &lt;code&gt;custom&lt;/code&gt; preset, because the photographic presets render a clean photo and skip overlaid type. Second, keep the prompt short: a reference image is a strong influence, so name the reference, state the pose and the text, and stop.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;A premium bubble-tea ad poster, cool grey tones, clean text. The person from the
reference holds up and shows the drink, smiling. Headline: "Crème Brûlée Bubble
Tea", with "焦糖珍珠奶茶" below it.
preset: custom · quality: high · reference: the approved ad
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsrhycq8r3lkuehrgsrqz.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsrhycq8r3lkuehrgsrqz.webp" alt="The finished ad with a bilingual headline" width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That short prompt held the model, the product, and the palette from the reference, and rendered both the English and the Chinese headline cleanly. gpt-image-2 is reliable on short display text like this, including non-Latin scripts. It's dense paragraphs where text rendering falls apart. The high-quality render is about 20 tokens.&lt;/p&gt;

&lt;p&gt;One hero, one model, four ready-to-post assets. Call it 35 tokens for the campaign, under a dollar, versus an $800-plus studio day.&lt;/p&gt;

&lt;h2&gt;
  
  
  Where it breaks (so you can plan for it)
&lt;/h2&gt;

&lt;p&gt;I'd rather you hit these knowing they're coming:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Glass and reflective finishes.&lt;/strong&gt; Glass, chrome, and polished steel are the hard case. The drink above is glass, which is why the reference image does the heavy lifting: it holds the shape and the layers steady across scenes. Matte, ceramic, fabric, and wood read more reliably.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Fine label text.&lt;/strong&gt; The model invents convincing label copy that won't match your real packaging. Fine for hero and lifestyle shots; for compliance or detail shots, use a camera.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Exact product fidelity.&lt;/strong&gt; For warranty, documentation, or anything that must depict the physical item precisely, shoot a photo. This is for marketing, scene variety, and fast iteration.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For transparent cut-outs (a product on a clean alpha background for a marketplace listing), generate on white, then remove the background locally at zero tokens. The &lt;a href="https://agentbrush.dev/blog/transparent-background-png-generator" rel="noopener noreferrer"&gt;transparent-PNG guide&lt;/a&gt; has the full method.&lt;/p&gt;

&lt;h2&gt;
  
  
  Try it
&lt;/h2&gt;

&lt;p&gt;If you build with an AI coding agent and keep shipping products without launch creative, the full tool list and the brand-identity setup are at &lt;a href="https://agentbrush.dev" rel="noopener noreferrer"&gt;agentbrush.dev&lt;/a&gt;, and the full version of this campaign (every prompt, the cost math) is in the &lt;a href="https://agentbrush.dev/blog/ai-product-photography-no-studio" rel="noopener noreferrer"&gt;product-photography writeup&lt;/a&gt;. It's a paid MCP server (Starter is $6.99/mo, and the README is honest about why it costs money: every generation is a real GPU call). It's v1 and there are two of us on it, so the question I actually care about: what would you want your agent to generate that it can't yet?&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>mcp</category>
      <category>showdev</category>
    </item>
  </channel>
</rss>
