@mcpware
基本信息
MCP server that annotates any web page with hover labels for AI assistants. Reverse proxy injection — zero browser extensions, works in any browser. 5 tools: annotate, get_elements, highlight_element, rescan_elements, inspect_mode.
使用下面的配置,将此服务器添加到你的 MCP 客户端。
{
"mcpServers": {
"ui-annotator": {
"command": "npx",
"args": [
"-y",
"@mcpware/ui-annotator"
]
}
}
}Open 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 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.
Briefly 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?"
Force 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).
Toggle 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.
Ui Annotator Mcp is an MCP server that adds interactive hover annotations to any web page. It works as a reverse proxy that injects a lightweight script, allowing users to see element names, CSS selectors, and dimensions without browser extensions or code changes. Designed for anyone who needs to communicate UI element references to an AI coding assistant.
Run npx @mcpware/ui-annotator to start the proxy on port 7077 (or override with UI_ANNOTATOR_PORT env). Open a proxied URL like http://localhost:7077/localhost:YOUR_PORT in any browser. Hover any element to see its information. AI assistants can use MCP tools such as annotate(url), get_elements(), highlight_element(name), rescan_elements(), and inspect_mode(enabled).
http and @modelcontextprotocol/sdkDevTools requires DOM/CSS knowledge and is for debugging. Ui Annotator Mcp provides human‑readable element names for communication with AI, requires zero learning, and works in any browser without setup.
No. It uses a reverse proxy to inject the annotation script. No extensions, no code changes, and works in Chrome, Firefox, Safari, Edge, and any other browser.
The proxy serves the annotated page. The browser sends detected elements via HTTP POST to the server. The AI queries the server via MCP stdio tools. No WebSocket or Express needed.
Only Node.js and the `@modelcontextprotocol/sdk` package. The proxy is built using Node’s built‑in `http` module.
It uses MCP stdio transport. No authentication is mentioned; it runs locally on localhost. The proxy rewrites `Content-Security-Policy` headers to allow the injected script.
Health by Dr Brad works out a health plan from your own results: which screening is due at your age, and evidence-based suggestions, each with the reason and the published guideline or study behind it. Your record is one
Model Context Protocol Servers
Senso MCP turns a Joomla 5 or 6 site into a remote MCP server. It runs inside Joomla itself (no extra server, no Node.js bridge) and is secured with OAuth 2.1 and Joomla's own ACL. The free pack lets an AI assistant crea
🔥 MaxKB is an open-source platform for building enterprise-grade agents. 强大易用的开源企业级智能体平台。
Request dedicated senior developers to work on your project, write job descriptions, and prep technical interviews — all without leaving your Claude chat. Just describe what you need, and Lemon.io MCP does the rest. 1–3
评论