Loupe

Design review

1200 × 900

Reference

Design reference to compare against the implementation

Offset Studio · Desktop

Design target

Implementation

Offset Studio — A little different

Live HTML + CSS

Ready for a closer look

A closer look with Loupe

Loupe compares a reference screenshot with your actual HTML and CSS rendered at the same viewport.

  1. Review the differences. The OpenAI Agents API sees both images and the page source, then returns specific visual findings.
  2. Choose what to change. Select findings or ask for an edit. Loupe applies exact source changes and keeps the conversation going.
  3. Check the result. Use the overlay, inspect the source diff, and recheck. Export your HTML or a patch when you’re ready.

Uploads are rendered as static pages. Scripts and external loads are removed; include a saved page’s companion folder for local CSS, images, and fonts. A visual review is a helpful second pair of eyes, not a verified score.

Nothing is written to GitHub or Figma. Your page and images are sent to OpenAI only when you start a review or send a message.

Import an implementation

Choose the HTML file. For a browser “Save Page As” export, include its companion folder to keep local styles and images.

Page source