Google PageRank for AI agents. 25,000+ tools indexed.

ui-annotator-mcp MCP Server

mcpware/ui-annotator-mcp

Score: 44.9 Rank #93 MCP Server
Are you the maintainer of mcpware/ui-annotator-mcp? Claim this listing →

MCP server that annotates any web page with hover labels — zero extensions, works in any browser

Add AgentRank to Claude Code Discover and compare tools like mcpware/ui-annotator-mcp — your AI finds the right one automatically
Get API Access →
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

JavaScript MIT 23 tool calls
accessibilityai-toolsbrowser-toolsclaudeclaude-codedesign-feedbackdeveloper-toolsdom-inspectorelement-inspectorfrontendmcpmcp-servermodel-context-protocolreverse-proxyweb-developmenthover-annotationui-annotationui-inspectorweb-inspectorui-labels

Score Breakdown

StarsFreshnessIssue HealthContributorsDependents
Stars 15% 2

2 stars → early stage

Freshness 25% today

Last commit today → actively maintained

Issue Health 25% 0%

0/1 issues closed → many open issues

Contributors 10% 1

1 contributor → solo project

Dependents 25% 0

No dependents → no downstream usage

npm Downloads N/A
PyPI Downloads N/A
Forks 1
Description Good
License MIT

Weights: Freshness 25% · Issue Health 25% · Dependents 25% · Stars 15% · Contributors 10% · How we score →

How to Improve

Description low impact

Expand your description to 150+ characters for better discoverability

Issue Health high impact

You have 1 open vs 0 closed issues — triaging stale issues improves health

Contributors medium impact

Single-contributor projects carry bus-factor risk — welcoming contributors boosts confidence

Badge all embed codes →

AgentRank score for mcpware/ui-annotator-mcp
[![AgentRank](https://agentrank-ai.com/api/badge/tool/mcpware--ui-annotator-mcp)](https://agentrank-ai.com/tool/mcpware--ui-annotator-mcp/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
<a href="https://agentrank-ai.com/tool/mcpware--ui-annotator-mcp/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/badge/tool/mcpware--ui-annotator-mcp" alt="AgentRank"></a>

Embed Widget docs →

Embed a rich score widget on your site or blog.

<script src="https://agentrank-ai.com/embed.js" data-tool="mcpware/ui-annotator-mcp"></script>

Matched Queries

"mcp server""mcp-server"

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/localhost
Read full README on GitHub →

Get the weekly AgentRank digest

Top movers, new tools, ecosystem insights — straight to your inbox.