ui-annotator-mcp by mcpware
26 score
MCP server that annotates any web page with hover labels — zero extensions, works in any browser
Ranked #1261 out of 1884 indexed tools.Actively maintained with commits in the last week.
Is this your tool? Claim this listing to add maintainer context, get a verified badge, and unlock analytics.
Claim listing → Signal Breakdown
Installs 0
Freshness today
Issue Health 0%
Stars 2
Platform Breadth 1 platform
Contributors 1
Description Good
How to Improve
Issue Health high impact
Contributors medium impact
Stars low impact
Badge
[](https://agentrank-ai.com/skill/glama-mcpware--ui-annotator-mcp/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) <a href="https://agentrank-ai.com/skill/glama-mcpware--ui-annotator-mcp/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/badge/skill/glama-mcpware--ui-annotator-mcp" alt="AgentRank"></a> Supported Platforms
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 →