📝 Annotation Bookmarklet

Click elements on any page and add feedback for AI agents to fix.

Drag this to your bookmarks bar →

📝 Annotate Page

Or click it on this page to try it now!

How to Use

  1. Drag the button above to your browser's bookmarks bar
  2. Go to any webpage (like the case study)
  3. Click the bookmarklet in your bookmarks bar
  4. Click "Start" in the toolbar
  5. Click any element on the page
  6. Type your feedback and click "Add Annotation"
  7. Click "Copy All" when done
  8. Paste into Telegram/chat with me — I'll fix it!

🎯 Click to Annotate

Click any element, add feedback, see it highlighted with a numbered badge

📋 Copy as Markdown

All annotations export as structured markdown with CSS selectors

🌐 Works Everywhere

Use on any website — static pages, React apps, anything

🔒 Privacy First

Everything stays local, nothing sent anywhere

💡 Tip: Annotations are numbered and highlighted in green. Click "Copy All" to get markdown output with CSS selectors I can use to find and fix elements.

Try It Here

Click the bookmarklet above, then click "Start" and try annotating these demo elements:

This is a demo paragraph. Try selecting text or clicking the whole box.

Built for Hiten × Rak — March 2026