UI Annotator MCP
Annotates any web page with hover labels for AI assistants — zero extensions, any browser
Connector by mcpware · GitHub account verified by the MCP Registry
Install
Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.
npx agentmarket install connector/mcpware-ui-annotator-mcp
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this server can do and what it asks for, from its tool list and install config. Checked Oct 25, 2026.
- Tools
- 1 read · 0 write · 0 delete · 4 not yet classified
- Secrets
- None asked for
- Install scripts
- Not scanned yet
- Runs as
- Node.js package
Tools by what they do 5
Read from the source code; the running server may list different tools.
Read 1 · Look things up without changing anything.
get_elements
Not yet classified 4 · We could not tell from the name and description.
annotatehighlight_elementinspect_moderescan_elements
Tools (5)
Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].
annotateOpen a web page with hover annotations. Returns a proxy URL that adds interactive element labels to any page. User opens this URL in any browser to see annotations on hover.
get_elementsGet all UI elements detected on the currently annotated page. Returns element names, CSS selectors, positions, and sizes. Use this to understand what the user is referring to when they describe a UI element.
highlight_elementBriefly flash-highlight a specific element on the page so the user can see which element you are referring to. Useful for confirming "do you mean this element?"
inspect_modeToggle inspect mode on the annotated page. When ON, the user can click any element to copy its name. When OFF, the page behaves normally. Use this to help the user copy element names for communicating design changes.
rescan_elementsForce the annotated page to rescan all UI elements. Use this after the page content has changed (e.g. after navigation, DOM updates, or user interaction).
Signals
- Stars
- 21
- Forks
- 5
- Open issues
- 1
- Contributors
- 1
- Weekly downloads
- 36
- Last commit
- Mar 24, 2026 (7 months ago)
- Last release
- Mar 21, 2026 (7 months ago)
- Last package publish
- Mar 21, 2026 (7 months ago)
From GitHub (fetched Oct 24, 2026) and the package registry.
Details
- Registry name
io.github.mcpware/ui-annotator-mcp- Version
- 0.1.6
- Auth
- No auth
- Packages
- npm @mcpware/ui-annotator
- License
- MIT
- Repository
- github.com/mcpware/ui-annotator-mcp
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
More from mcpware
- 0.774score
Claude Code Organizer
mcpware
Organize Claude Code memories, skills, MCP servers, commands, agents, rules via drag-and-drop.
ConnectorAFreshness: ALocal★ 384↓ 149/wkClaude Code +5 - 0.748score
organize
mcpware
Open the Cross-Code Organizer (CCO) dashboard — view and manage all memories, skills, MCP servers, hooks, and configs across scopes
SkillBFreshness: B★ 384Claude Code +9 - 0.574score
Instagram MCP
mcpware
Instagram MCP — 23 tools for Instagram Graph API: posts, DMs, stories, reels, analytics.
ConnectorCFreshness: CLocal★ 62↓ 237/wkClaude Code +5 - 0.496score
Pagecast
mcpware
Record any browser page as GIF or video.
ConnectorDFreshness: DLocal★ 52↓ 111/wkClaude Code +5 - 0.491score
Logoloom
mcpware
AI logo design → SVG → full brand kit.
ConnectorDFreshness: D★ 53
Cite this page
UI Annotator MCP. Agent Mart. https://agentmart.dev/connectors/mcpware-ui-annotator-mcp (last updated 2026-10-24)