See it in action
One extension. Any website. Zero code changes. Completely free.
React, Angular, Vue, Next.js, Svelte, WordPress, plain HTML — even sites you don't own.
Extracts React props & state, Vue setup data, Angular component info automatically.
Generates unique CSS selectors + XPath for every annotated element.
One-click structured Markdown output for Claude, Cursor, GitHub Copilot.
Toolbar lives in Shadow DOM — zero CSS conflicts with the host page.
Pause CSS animations and videos to capture the exact state you need.
Built in. No add-ons. No limits.
Three steps. That's it.
A floating pill appears on every page. Click it and hit "Select" to enter annotation mode.
Hover to see highlights. Click to annotate. Type what the AI should change. Repeat for as many elements as you need.
Hit "Copy for AI" — paste into Claude Code. It reads your code, makes the changes, and your app updates live.
No signup. No tracking. Free forever.