ui-annotator-mcp MCP Server
mcpware/ui-annotator-mcp
MCP server that annotates any web page with hover labels — zero extensions, works in any browser
claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
mcpware/ui-annotator-mcp is a JavaScript MCP server licensed under MIT. MCP server that annotates any web page with hover labels — zero extensions, works in any browser Topics: accessibility, ai-tools, browser-tools, claude, claude-code, design-feedback, developer-tools, dom-inspector, element-inspector, frontend, mcp, mcp-server, model-context-protocol, reverse-proxy, web-development, hover-annotation, ui-annotation, ui-inspector, web-inspector, ui-labels.
Ranked #93 out of 100 indexed tools.
Actively maintained with commits in the last week.
Ecosystem
Score Breakdown
2 stars → early stage
Last commit today → actively maintained
0/1 issues closed → many open issues
1 contributor → solo project
No dependents → no downstream usage
Weights: Freshness 25% · Issue Health 25% · Dependents 25% · Stars 15% · Contributors 10% · How we score →
How to Improve
Matched Queries
From the README
# UI Annotator MCP **English** | [廣東話](README.zh-HK.md) **See what every UI element is called — in any browser, zero extensions.** An MCP server that adds interactive hover annotations to any web page. Open a proxied URL, hover any element, see its name. Tell your AI assistant "make the `sidebar` wider" — it knows exactly what you mean. ## The Problem When reviewing a web UI with an AI coding assistant, the hardest part isn't the code change — it's **describing which element you want changed**. > "That thing on the left... the second row... no, the one with the icon..." You don't know what it's called. The AI doesn't know what you're pointing at. You waste time on miscommunication instead of shipping. ## The Solution Open your page through the annotator proxy. Hover any element — instantly see its name, CSS selector, and dimensions. Now you both speak the same language. ``` # Start the MCP server npx @mcpware/ui-annotator # Open in ANY browser http://localhost:7077/localhostRead full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.