
Visually label every web element for seamless AI-human UI collaboration.
Visit Ui Annotator McpUi 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.
Comprehensive guides and API references for using Ui Annotator MCP.
Learn from example projects and use cases for integrating Ui Annotator MCP.
Visit Ui Annotator Mcp's official website for product details and getting started.
Community forum for reporting issues and discussing features with other users and developers.