What is ui-annotator-mcp?
ui-annotator-mcp is a MCP server by mcpware that annotates any web page with hover labels for AI assistants via reverse proxy injection, without browser extensions. It is listed under Developer tools and has 21 GitHub stars.
| Type | Mcp server |
|---|---|
| Author | mcpware |
| Repository | mcpware/ui-annotator-mcp |
| Popularity | 21 GitHub stars |
| Category | Developer tools |
| Security | Low risk (96/100) |
| Rank | #1,288 of 4,418 MCP servers; #312 in Developer tools |
| License | MIT |
| Last commit | 2026-03-24 |
| Runs | Locally |
| Language | TypeScript |
Is ui-annotator-mcp safe to install?
ui-annotator-mcp scores 96/100 on the MCPMods security check: Low risk. No checks raised a concern. It passed 5 of 6 checks.
MCP server results come from listing signals: who publishes it, where your data goes and what it can do. The code itself is not scanned yet.
| Check | Result |
|---|---|
| Community-built server | Note |
| Runs on your machine only | Pass |
| No credentials mentioned | Pass |
| Read-only by description | Pass |
| No code execution | Pass |
| Source on GitHub | Pass |
How do I install ui-annotator-mcp?
- Find the launch command. The README says how the server starts (npx, uvx, docker or a remote URL) and which API keys it needs.
https://github.com/mcpware/ui-annotator-mcp
- Add it to Claude Code. Replace the part after -- with the command from the README. Remote servers use --transport http with a URL.
claude mcp add ui-annotator-mcp -- <command from README> claude mcp add --transport http ui-annotator-mcp <server-url>
- Check it connected. This lists your MCP servers and their status.
claude mcp list
Or ask Claude to set it up
Paste this into Claude Code and it installs ui-annotator-mcp for you:
Add the "ui-annotator-mcp" MCP server from https://github.com/mcpware/ui-annotator-mcp to Claude Code. Read its README for the launch command and any API keys I need, run claude mcp add, then check that it connects.