Claude · AI tool

Get feedback on pages Claude builds

Claude made you a landing page, prototype or one-pager. Export it as one HTML file, upload it, and send a link where anyone can click an element and leave a note, then hand every comment back to Claude in one go.

Free for 3 projects. Reviewers never need an account. Or upload an HTML file.

Why Claude users use HTMLAnnotate

Claude can turn a rough idea into a working page in minutes, but the page lives in your chat. The people whose opinion matters, a client, a founder, a marketing lead, usually have no reason to sign in to your Claude account, and they should not have to read a conversation to find the design. So the first draft sits in a side panel while you try to describe it to everyone else, and the feedback loop stalls right after the fun part.

The usual workarounds lose detail. Screenshots freeze a page that has hover states, menus and a mobile layout. A Loom walkthrough shows your view, not theirs. Email replies say things like "the second block feels heavy" and you have to guess which block, at which screen size. When you paste that back into Claude, it guesses too, and you spend a round fixing the wrong thing. Claude's own sharing helps people see the page, but outside reviewers on a public link cannot comment on it.

With pinned comments, each note is attached to the exact heading, button or image it is about, in the Desktop, Tablet or Mobile view where the reviewer saw it. Wording changes arrive as suggested text you can preview on the page. When the round is done, Copy for AI turns every open comment into one brief with the element, its CSS selector, the view and the suggested wording, which is exactly the kind of instruction Claude handles well.

How it works with Claude

Three steps, about a minute.

Export one HTML file

For a chat artifact, use the download control at the top of the artifact panel. For a Design artifact, choose Export, then standalone HTML. Save it ending in .html.

Upload it

Drop the file into HTMLAnnotate. It takes one self-contained HTML file (up to 1 MB on Free, 10 MB on Pro and Team), and you get a review link back straight away.

Share, then Copy for AI

Send the link to reviewers. When comments are in, press Copy for AI and paste the brief into the same Claude conversation that made the page.

A full review round, start to finish

What a typical round looks like on Claude.

Ask Claude for a single file
Before you export, ask Claude to put all CSS and JavaScript inline in one HTML file and to use image URLs that are publicly reachable or embedded. If the artifact is a React component rather than a plain page, ask Claude to rewrite it as one standalone HTML page first.
Export and check it locally
Download the file from the artifact panel, or use Export and pick standalone HTML for a Design artifact. Open it in your own browser once. If it looks right there with nothing else beside it, it is ready to upload.
Create the review link
Upload the file to HTMLAnnotate. Sign in first if the round will take more than a day: links last 1 day without an account, up to 14 days on Free, and never expire on Pro and Team. Turn on email digests so new comments reach you.
Brief your reviewers
Send the link with one line on what you want judged, such as headline, layout or pricing copy. Reviewers give a name and email once, switch to Comment mode, and click anything. Ask them to check the Mobile view too, since Claude's layouts often change a lot below tablet width.
Triage the comments
Label each note Bug, Copy, Design, Question or Idea and set a priority. Reply where you need more detail. For wording changes, open the suggested text to see it live on the page and press Accept on the ones you agree with. Resolve anything you have decided not to change.
Send fixes back to Claude
Press Copy for AI and paste the brief into the Claude chat. Each item carries the element, CSS selector, view and any suggested text, so Claude can make every change in one pass. Export the new file, upload it, and ask for Approve clicks to close the round.

Claude's own tools and HTMLAnnotate

Use both. Here is what each is good at.

What you need	Claude	HTMLAnnotate
Show the page to anyone	Share with Anyone with the link, no sign-in for most pages	Review link, reviewers give name and email once
Comments from outside people	Only invited Commenters with a Claude account at that email	Anyone with the review link can comment
Comments on a public link	Not available on artifacts shared with Anyone with the link	Comments on, or switched off per link
Notes pinned per screen size	Not offered	Separate Desktop, Tablet and Mobile comments
Suggested wording	Ask Claude in the chat	Reviewer types new text, previewed live on the page
Turn feedback into a brief	You summarize it yourself	Copy for AI with selectors, views and replies

What works

A review link for a page that only existed inside a chat
Reviewers need no Claude account, just a name and email once
Comments pinned to the exact element, with its CSS selector for Claude
Separate Desktop, Tablet and Mobile notes so Claude fixes each layout
Suggested text changes you can preview live and accept
Copy for AI writes every open comment as one brief for Claude

Good to know

Uploads must be one self-contained HTML file (up to 1 MB on Free, 10 MB on Pro and Team). Separate CSS, script or image files will not come along, so ask Claude to inline them first.
Artifacts that rely on Claude features, such as calling Claude or your connected apps, will not have those inside an uploaded copy.
A new export is a new file. Upload it as a fresh review link for the next round rather than expecting the old link to update.
There is no direct connection to Claude yet. You paste the Copy for AI brief into the chat yourself.

Tips for better Claude reviews

Name the export

Ask Claude to give the page a clear title tag and save the file with a version in the name, like pricing-v2.html. It keeps rounds apart when you upload a new version after each set of fixes.

Ask for stable class names

Copy for AI includes each element's CSS selector. Asking Claude to use readable class names, like hero-title or pricing-card, makes the brief easier for Claude to act on and easier for you to scan.

Keep one conversation

Paste the brief into the same Claude chat that built the page. Claude already has the file in context there, so it can apply the changes to the latest version instead of rebuilding from scratch.

Test all three views yourself

Before sending the link, flip through Desktop, Tablet and Mobile. If something breaks at one width, ask Claude to fix it first so reviewers spend their time on content and design, not obvious layout bugs.

Questions about Claude

How do I get the HTML out of Claude?

For a chat artifact, use the download control at the top of the artifact panel. For a Design artifact, choose Export and pick standalone HTML. Make sure the result is one .html file with everything inline before you upload it.

Can't I just share the artifact from Claude?

You can, and it is a quick way to show someone the page. People on an Anyone with the link share cannot see or add comments, though. Invited Commenters need a Claude account at the email you invited. HTMLAnnotate lets anyone with the link comment.

What does Copy for AI give Claude?

A brief of all open comments. Each one lists the element, its CSS selector, the view it was left in, the page path, any suggested text and the replies, so Claude knows exactly what to change and where.

Why did my upload look broken?

Usually the page expects separate files, such as a stylesheet or images saved next to it. Ask Claude to inline all CSS and JavaScript into one file and use public or embedded images, then export and upload again.

Do reviewers need a Claude account?

No. They open the review link in a browser and give a name and email the first time they comment. They never see your Claude conversation.

How long does the review link last?

One day without an account, up to 14 days signed in on Free, and forever on Pro and Team. Sign in before you upload if the round will take more than a day.

Other AI tools

HTMLAnnotate works with any page anyone can open in a browser.

ChatGPT Gemini v0 Lovable Bolt Cursor Replit +See all