Works with · Replit

Replit · AI tool

Get feedback on apps built with Replit

Publish your app to a replit.app address, paste the link, and let clients or testers pin comments on the running app without a Replit account. Then paste one brief back into Replit Agent to make the changes.

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

Why Replit users use HTMLAnnotate

Replit Agent can build and publish a working app in one sitting, so the slow step is often getting clear feedback from the people it is for. You send a replit.app link, and the notes come back as screenshots, chat messages and vague descriptions like the list on the second page looks broken on my phone. Turning that into a precise prompt for Agent means first working out which page, which element and which screen they meant.

Replit has useful tools of its own. You can click an element in the preview and edit it, and the feedback widget lets visitors of a published app report issues to your Inbox and send them to Agent. Those are good for ongoing user reports. For a review round with a client, though, you also want threaded replies, priorities, a sign-off button, and notes kept apart by device, and you may not want a widget added to the app.

HTMLAnnotate wraps your published app in a review link without installing anything on it. Reviewers browse the real app, switch to Comment mode, and click the element they mean. Each note records the page, the view, and their browser, OS and screen size. When the round is done, Copy for AI copies every open comment, with CSS selectors and page paths, as one brief to paste into Replit Agent.

How it works with Replit

Three steps, about a minute.

Publish your Replit App

Click Publish in the top right of the editor, choose a replit.app address, and set Who can access your app to Public so reviewers can open it.

Paste the link

Copy your replit.app address, or custom domain, into HTMLAnnotate. It loads the running app and gives you a review link to send to clients or testers.

Fix it with Agent

Once comments are in, press Copy for AI and paste the brief into Replit Agent. Each change has the element, CSS selector, view and page path.

A full review round, start to finish

What a typical round looks like on Replit.

  1. Publish, do not share the dev URL

    The replit.dev development URL is private by default, temporary, and can change when you reopen the app, so it is a poor review link. Click Publish in the top right, pick a deployment type (Autoscale suits most Agent apps) and claim a replit.app address.

  2. Set access to Public

    In the publish flow, Who can access your app offers Public, Password protected, Workspace only and Invite only. Workspace only and Invite only ask visitors to sign in through Replit, which HTMLAnnotate cannot do. Choose Public for the length of the review round.

  3. Create the review link

    Paste the replit.app address into HTMLAnnotate. Your app runs live with its own scripts, and reviewers can move between pages, each with its own comments. Forms on the reviewed copy cannot be submitted, so testers will not create real records in your database.

  4. Collect comments

    Send the link. Reviewers enter a name and email once, browse normally, then switch to Comment mode and click a button, heading, image or chart. Ask them to tag each note as Bug, Copy, Design, Question or Idea, and to check the Mobile view too.

  5. Triage the round

    Reply in threads, @mention teammates, set priority and resolve what is settled. Copy edits can come in as suggested text that previews live on the page, ready to Accept. Keep only real tasks open, since those are what go to Agent.

  6. Hand off to Agent and sign off

    Press Copy for AI and paste the brief into Replit Agent's chat. Review its plan, then republish so the replit.app address updates. Send the same review link back and ask the client to press Approve. Export a CSV if you want a record of the round.

Replit's own tools and HTMLAnnotate

Use both. Here is what each is good at.

What you needReplitHTMLAnnotate
Click an element to change itVisual Editor in the preview, for buildersComment mode, for any reviewer
Feedback from visitorsFeedback widget added to your published appReview link, nothing added to your app
Send feedback to the AIInbox items go to Agent with Send to AgentCopy for AI brief for Agent or any tool
Restrict who can open the appPassword, Workspace only or Invite only accessComments on/off switch per link
Device-specific commentsNot covered in the docsSeparate Desktop, Tablet and Mobile comments
Triage and sign-offResolve and delete in the InboxLabels, priority, replies, Approve button, CSV export

What works

  • Comments on the real running app at its replit.app address
  • Nothing added to your app's code, so no republish just to collect feedback
  • CSS selectors and page paths in the brief for Replit Agent
  • No Replit account needed for reviewers
  • Desktop, Tablet and Mobile comments kept apart
  • Approve button and approval count for client sign-off

Good to know

  • Screens behind your app's own login, including Replit Auth, cannot be reached by reviewers yet.
  • Workspace only and Invite only access ask visitors to sign in through Replit, so set access to Public during the review round.
  • The replit.dev development URL is private and temporary. Publish first and share the replit.app address.

Tips for better Replit reviews

Republish before each round

Reviewers see whatever is published at your replit.app address. After Agent makes changes, republish from the Publishing tool, then open the review link yourself to confirm the new version is live before you send it.

Add demo data

Forms cannot be submitted on the reviewed copy, so a fresh app with no records looks empty. Ask Agent to seed realistic sample data before you publish, so lists, tables and dashboards have something to comment on.

Make a public demo path

If most of your app sits behind a login, ask Agent to add a public demo page or a read-only view of key screens. Reviewers can then comment on the real layout without signing in.

Give Agent the whole brief at once

Paste one Copy for AI brief after the round instead of feeding Agent comment by comment. It sees every change, with views and page paths, and can plan the work in a sensible order.

Questions about Replit

Do testers need a Replit account?

No. They open your review link, enter a name and email the first time, and start commenting. Your app must be published with Public access so they can load it.

Can I share the replit.dev link instead?

It is better not to. Replit's development URLs are private by default, temporary, and can change when you reopen the app. Publish to a replit.app address and share that.

Replit has a feedback widget. Why use this?

The widget is good for ongoing reports from your users and is added to your published app. HTMLAnnotate suits a structured review round: threaded replies, labels, priority, separate device views, suggested text, an Approve button, and nothing installed on the app.

Can testers comment on mobile?

Yes. They switch to the Mobile or Tablet view and comment there. Each comment stays in the view it was left in and records the reviewer's browser, OS and screen size.

Is it free?

Yes, to start. The free plan includes 3 active projects with unlimited pages, reviewers and comments. Links last up to 14 days when you are signed in, or forever on Pro at $10 a month.

How do I send the comments to Replit Agent?

Press Copy for AI. It copies every open comment as one brief with the element, CSS selector, view, page path, suggested text and replies. Paste it into Agent's chat and ask it to work through the list.

Other AI tools

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