UI Annotator for Claude Code

Example Use Cases

• 1

  Receive structured UI feedback including screenshots and annotations to diagnose frontend issues.

• 2

  Integrate visual UI bug reports directly into their code fixing workflows via MCP.

• 3

  Assist developers by reading annotated screenshots and providing targeted UI code improvements.

Description

UI Annotator is a local developer tool that integrates a Chrome extension and an MCP server to enable developers to annotate UI bugs on localhost sites, capture screenshots with comments, and send structured feedback to Claude Code. The MCP server holds the latest feedback batch and exposes it via the get_ui_feedback() tool, allowing Claude Code to access precise UI issue data and assist in code fixes without leaving the terminal. This setup requires no cloud services, works with any frontend stack, and runs entirely locally for zero friction.