Every web developer knows this email: “Can you make the button on the about page a bit bigger? And the text under the photo is wrong.” Which button? Which photo? Be more specific!

Then come the endless list of screenshots with red arrows, a Word document with twelve numbered remarks and a phone call to figure out what number seven means. A lot of time goes into finding out what the client actually means.

So I built Annotate.now. You enter the address of a web page and it opens in the app. Click anywhere on the page and you place a dot with your remark. Others can reply right there, until everybody agrees. You can switch between desktop, tablet and mobile, and every dot remembers the screen size it was placed on. Want to follow a link on the page? Hold Ctrl (or ⌘) and the dots get out of the way. Done with a remark? Dismiss it and it disappears from the page.

There is nothing to install. Most feedback tools ask you to put a script on your website or to install a browser extension. Annotate.now fetches the page itself and shows it in a sandboxed frame. Sharing is just a link, and the people you send it to do not need an account.

Share the link with your AI

This is the part I am most excited about. When everybody is happy, you give the same link to your AI. Hidden in that page is a plain text version of all remarks, written for a machine. It says what the dot points at: “the button ‘Get in touch’, under the heading ‘Contact’”, on which page and at which screen size. It also includes the XPath of the element, so an agent with a browser can find it, scroll to it and take a screenshot to check.

No more guessing. The AI knows exactly which button, on which page, on which screen. It goes straight to the right template or Markdown file and makes the change.

The whole loop

In my post about Pencil I wrote that clicking on the live page is something I can learn from. Annotate.now brings that experience to feedback, and it fits perfectly with publishing with Claude. A client points out what they want. They discuss it with me, or with their colleagues, in the comments. Then they paste the link into Claude, which is connected to Usecue CMS. Claude knows exactly what to change and fixes the text under the photo right away. The bigger button is a design change, so that one lands in my inbox, well specified. The result: less back and forth, faster fixes.

Try it

You can try it right now: go to Annotate.now, click ‘Try it’ and see how it works on this website. Want to use it on your own website? It is invite-only for now, so request an invite.

Happy coding!

()  Joost van der Schee