Rating
Votes
0
score
Downloads
0
total
Price
Free
No login needed
Works With
About
](https://www.npmjs.com/package/@mcpware/ui-annotator) [ ](LICENSE) [ [](https://github.com/mcpware/ui-annotator-mcp/fork)
Bridge the gap between what you see and what AI can reference — in any browser, zero extensions.
The only tool that puts visible labels on every web element. Hover any element, see its name. Tell your AI assistant "make the sidebar wider" — it knows exactly which element you mean. No screenshots, no CSS selectors, no miscommunication.
Dramatically improves AI-driven UI design and iteration. The pain: telling AI "move that button next to the search bar" never works because the AI can't see your page. UI Annotator fixes this — hover over any element and its component name appears as a label. Now you say "move SearchButton below NavBar" and Claude edits the right component instantly. No browser extensions, works with any framework. The workflow becomes: open page → hover to identify elements → describe changes using real component names → Claude edits → refresh and repeat. Turns a frustrating back-and-forth into a fluid design loop.
Works with Claude (desktop and mobile), Cursor, Windsurf, VS Code, and any MCP-compatible AI app.
Category: Developer Tools
Don't lose this
Three weeks from now, you'll want mcpware/ui-annotator-mcp again. Will you remember where to find it?
Save it to your library and the next time you need mcpware/ui-annotator-mcp, it’s one tap away — from any AI app you use. Group it into a bench with the rest of the team for that kind of task and you can pull the whole stack at once.
⚡ Pro tip for geeks: add a-gnt 🤵🏻♂️ as a custom connector in Claude or a custom GPT in ChatGPT — one click and your library is right there in the chat. Or, if you’re in an editor, install the a-gnt MCP server and say “use my [bench name]” in Claude Code, Cursor, VS Code, or Windsurf.
a-gnt's Take
Our honest review
This plugs directly into your AI and gives it new abilities it didn't have before. mcpware/ui-annotator-mcp. Once connected, just ask your AI to use it. It's completely free and works across most major AI apps. This one just landed in the catalog — worth trying while it's fresh.
Tips for getting started
Tap "Get" above, pick your AI app, and follow the steps. Most installs take under 30 seconds.
What's New
Imported from awesome:punkpeye/awesome-mcp-servers
Ratings & Reviews
0.0
out of 5
0 ratings
No reviews yet. Be the first to share your experience.