<?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: Heyn Studio</title>
    <description>The latest articles on DEV Community by Heyn Studio (@heynstudio).</description>
    <link>https://dev.to/heynstudio</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4224022%2Fa5a090f9-0932-4942-87fd-6a90ce4fbcd0.png</url>
      <title>DEV Community: Heyn Studio</title>
      <link>https://dev.to/heynstudio</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/heynstudio"/>
    <language>en</language>
    <item>
      <title>I ran the same Claude design request 4 times. Only the reference hand-off changed.</title>
      <dc:creator>Heyn Studio</dc:creator>
      <pubDate>Tue, 03 Nov 2026 10:24:29 +0000</pubDate>
      <link>https://dev.to/heynstudio/i-ran-the-same-claude-design-request-4-times-only-the-reference-hand-off-changed-4fnb</link>
      <guid>https://dev.to/heynstudio/i-ran-the-same-claude-design-request-4-times-only-the-reference-hand-off-changed-4fnb</guid>
      <description>&lt;p&gt;Ask Claude for a design and you often get something that looks like a template you've seen before. Writing a longer prompt barely helps.&lt;/p&gt;

&lt;p&gt;So I kept the request identical and changed only &lt;strong&gt;how I handed over references&lt;/strong&gt;. The test brand is ONGI Coffee, a small café in Paju, Korea. Tool: Claude Code, October 2026.&lt;/p&gt;

&lt;p&gt;The request, same all four times:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Make an Instagram feed image (1080×1350) for the new menu item "Lemonade" at the
neighborhood cafe "ONGI Coffee" as a single HTML file (index.html). Price $5.50.
Mention that it's made with lemon syrup we make by hand in the cafe.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Four levels, first results as-is
&lt;/h2&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fitxxgpsmpf3n5hmvyfpe.png" 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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fitxxgpsmpf3n5hmvyfpe.png" alt="LV1 request only" width="800" height="1000"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;LV1 — request only.&lt;/strong&gt; Clean, but it looks like a template: illustrated lemons, a big yellow circle, green and yellow accents.&lt;/p&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F6v32oiktfpxhewsl6yqa.png" 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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F6v32oiktfpxhewsl6yqa.png" alt="LV2 references attached" width="800" height="1000"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;LV2 — two references attached.&lt;/strong&gt; The two images got mixed at random. The background went dark and the lemon art covered the word LEMON.&lt;/p&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F66bczcmccz8mu67o4scb.png" 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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F66bczcmccz8mu67o4scb.png" alt="LV3 plus what to take" width="800" height="1000"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;LV3 — references + a few lines on what to take.&lt;/strong&gt; The brand tone came through.&lt;/p&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fbzkyhoihhqsqks8yeqr2.png" 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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fbzkyhoihhqsqks8yeqr2.png" alt="LV3+ real photo and one fix" width="800" height="1000"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;LV3+ — a real photo + one fix.&lt;/strong&gt; Ready to post.&lt;/p&gt;

&lt;p&gt;In case it was luck, I ran each level two more times (9 runs). Every result was a little different, but the direction stayed the same: attaching references (LV2) changed less than &lt;strong&gt;adding a few lines about them&lt;/strong&gt; (LV3).&lt;/p&gt;
&lt;h2&gt;
  
  
  Why references alone mix or get copied
&lt;/h2&gt;

&lt;p&gt;In LV2, Claude read both images as equally important instructions. It didn't know what to take from which image, so it combined everything that stood out — or, on another run, copied the menu's dark card almost as is. Neither was what I wanted: I wanted the menu's &lt;em&gt;tone&lt;/em&gt;, not the menu itself.&lt;/p&gt;

&lt;p&gt;Human designers do the same. Toss a junior two references with no comment and you get something in between. Claude also needs to hear "just the color from this one, just the type from that one."&lt;/p&gt;
&lt;h2&gt;
  
  
  The hand-off I paste under every request
&lt;/h2&gt;

&lt;p&gt;Change only what's inside &lt;code&gt;[ ]&lt;/code&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Use these [2] reference images: [ref_menu.png, ref_cover.png]

[Take from the references]
- From [ref_menu]: [the cream paper background, dark brown text]
- The contrast between the [English serif logo] and the [bold sans-serif menu names]
- [Thin horizontal dividers, small English uppercase labels (wide letter-spacing)]
- Accent color in one spot only ([the price or a badge])
- From [ref_cover], take just one thing: [a giant English word that fills the width]

[Don't take]
- Don't copy the layout ([this is a feed image, not a menu])
- [Mockup elements like frames and walls]

[Rules]
- [The lemonade] is the hero. It's the biggest element
- At least 32px between elements, 80px or more margin at the edges
- No overuse of emoji, gradients or shadows
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Two to three references with &lt;strong&gt;different roles&lt;/strong&gt; work best — one for overall tone (color, background, mood), one for type, one for layout. More than three blurs things.&lt;/p&gt;

&lt;h2&gt;
  
  
  Takeaways
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Showing a reference matters less than saying &lt;strong&gt;"take only this from it."&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Write &lt;em&gt;take&lt;/em&gt; and &lt;em&gt;don't take&lt;/em&gt; as separate lists.&lt;/li&gt;
&lt;li&gt;Give each reference one job.&lt;/li&gt;
&lt;li&gt;When something's off, fix one or two things at a time and say "keep everything else as is."&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;This is Chapter 2 of my &lt;em&gt;Design with Claude — Setup Pack&lt;/em&gt; (77 pages of tested runs with real screenshots: style skills, non-Latin type, product pages, banners, Reels). The whole chapter is free:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Free sample chapter (14 pages): &lt;a href="https://heynstudio.gumroad.com/l/mepfys" rel="noopener noreferrer"&gt;https://heynstudio.gumroad.com/l/mepfys&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Full pack: &lt;a href="https://heynstudio.gumroad.com/l/claude-design-pack" rel="noopener noreferrer"&gt;https://heynstudio.gumroad.com/l/claude-design-pack&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>design</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
