Skip to content

Claude

Use visual references with Claude without rebuilding the context every time.

Claude can reason about a visual direction more effectively when the prompt includes an actual reference and a clear explanation of what to learn from it.

01

A simple workflow

Search Gather using the detail you remember, open the strongest reference, and choose Copy for AI. Paste the generated handoff into Claude with the task you are working on.

  • Describe the product and audience
  • Say which qualities in the reference matter
  • Identify anything Claude should not reproduce
  • Ask Claude to explain how the proposed design uses the direction
02

For Claude Code projects

Use the reference early, before component structure and styling have hardened. Ask for a small set of design principles extracted from the image, then keep those principles beside the implementation plan so later changes stay coherent.

03

References improve critique too

After implementation, give Claude the original direction again and ask for a comparison focused on hierarchy, density, rhythm, and tone. The reference becomes a review instrument instead of a one-time attachment.

Takeaway

Use Gather to shorten the distance between remembering a visual direction and putting that direction into Claude's working context.

Save the reference. Find the direction.

Start with 20 references for free. No card required.

Try Gather free