Chrome extension · works with Claude Code

Review designs in the browser,
hand the change to your agent

Pick any element like DevTools, tweak its design live on the page, then copy a ready-to-paste prompt your AI coding agent can apply to your source.

Add to Chrome — it's free See how it works

No account · no servers · nothing leaves your machine.

Design Review: the page with an element selected next to the side panel

How it works

Pick. Edit. Copy the prompt.

Three steps from "this should be different" to a change your agent can make.

1

Pick like DevTools

Hover and click any element to capture it with a stable CSS selector and full DOM context — no fragile, hashed class names.

Picking an element on the page
2

Edit it live

Change color, text, size, or font and watch it preview on the real page. Attach annotated screenshots and notes for anything visual.

Editing a locked element with the action toolbar
3

Copy the prompt

Get a ready-to-paste prompt with exact selectors, before/after values, notes, and screenshot paths. Paste it into Claude Code and it edits your source.

The side panel next to the generated prompt

Why you'll like it

Built for fast, precise handoff

Stable selectors

Real CSS selectors and DOM context your agent can actually find in the source.

Live preview

Every color, text, resize, and font-size change previews instantly on the page.

Annotated screenshots

Circle, arrow, pen, and text annotations travel with the review by file path.

Local & private

No backend, no tracking. Reviews go to your clipboard and your Downloads folder.

Start a session instantly

"Copy command" launches Claude Code seeded with the review in one paste.

Any site

Works on whatever you're building — your app, a staging URL, anything.

Ready to review faster?

Add Design Review to Chrome and turn visual feedback into changes your agent can ship.

Add to Chrome — it's free