Ui Annotator Mcp

Spins up a reverse proxy that injects hover annotations into any local web app, giving you and your AI assistant a shared vocabulary for UI elements. When you hover over a button or sidebar, you see its name, selector, and dimensions overlaid on the page. The MCP tools let Claude fetch all annotated elements, highlight specific ones, toggle inspect mode to copy element names on click, or rescan after DOM changes. No browser extensions, no code changes to your app. You open localhost:7077/localhost:3000 instead of localhost:3000 directly, and the proxy rewrites paths and injects the annotation script on the fly. Solves the "move that thing next to the other thing" problem by letting you say "move SearchButton below NavBar" with precise references.