Screenshot diff loop
By Karo
Category: Vibe Coding Prompts
Compare a generated page with its reference.
Adapted and shared by Product with Attitude, with credit to superdesign.dev's screenshot-compare-refine workflow.
Prompt / skill content
Compare this screenshot of what you built against the reference image.
Give me a specific diff, not a vibe check: type scale, spacing rhythm,
color usage, hierarchy. List each mismatch with the exact CSS change
that fixes it. Do not regenerate the page. Fix only the mismatches.
Where to get it
Read the original resource.
More in Vibe Coding Prompts
← Back to Attitude Vault