UI Annotator MCP

Example Use Cases

• 1

  Identify and reference UI elements on any web page without browser extensions.

• 2

  Communicate UI changes clearly between humans and AI assistants using human-readable element names.

• 3

  Remotely inspect and highlight UI elements via MCP commands.

Description

UI Annotator MCP is a reverse proxy server that injects hover annotations into any web page, allowing users to see element names, CSS selectors, content previews, and dimensions by simply hovering over elements. It enables clear communication between humans and AI assistants by providing a shared vocabulary for UI elements without requiring browser extensions or code changes. The tool supports any browser and includes features like inspect mode, a collapsible toolbar, and MCP tools for AI integration.