Ui Annotator Mcp

Ui Annotator Mcp

Visually label every web element for seamless AI-human UI collaboration.

Visit Ui Annotator Mcp

About Ui Annotator Mcp

Ui Annotator MCP is a Model Context Protocol (MCP) server designed to bridge the communication gap between humans and AI assistants when describing changes to web user interfaces. It acts as a reverse proxy that visually labels web elements in any browser with human-readable names, CSS selectors, and dimensions, and allows both users and AI (such as Claude or other coding assistants) to reference UI elements unambiguously. No browser extensions or code changes are required, making it easy for anyone—QA, PMs, designers, or junior devs—to participate in UI review, iteration, and AI-driven design loops.

Pricing Plans
Open Source
$0

Resources

Documentation

Comprehensive guides and API references for using Ui Annotator MCP.

View docs →

Example Usage

Learn from example projects and use cases for integrating Ui Annotator MCP.

Explore examples →

Product Website

Visit Ui Annotator Mcp's official website for product details and getting started.

Visit website →

Issues

Community forum for reporting issues and discussing features with other users and developers.

Join the community →