UI Annotator MCP Server: Install & Setup

Install UI Annotator in Claude Code

Claude Code

claude mcp add ui-annotator -- npx -y @mcpware/ui-annotator

mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)

{
  "mcpServers": {
    "ui-annotator": {
      "command": "npx",
      "args": [
        "-y",
        "@mcpware/ui-annotator"
      ]
    }
  }
}

Frequently asked questions

What does the UI Annotator MCP server do?

Annotates any web page with hover labels for AI assistants via reverse proxy injection, without browser extensions.

Is the UI Annotator MCP server free?

Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.

Does UI Annotator run locally or remotely?

Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.

How do I add UI Annotator to Claude Code?

Run: claude mcp add ui-annotator -- npx -y @mcpware/ui-annotator

More developer tools MCP servers

View all

Zuul

imatza-rh/mcp-zuul

Zuul CI: build failure analysis, log search, pipeline status and job configuration.

LocalAccount neededPython

pixelpact

16139

jamalkamaladdin/pixelpact

Extracts a visual contract from a live page or Figma frame and measures a UI implementation against it, one line per property that drifted.

LocalFreeTypeScript

Codesurface

Codeturion/codesurface

Indexes your codebase's public API and serves it via compact MCP tool responses.

LocalFree

Maple

maple-kit/maple

Frontend review on deployed previews. Your agent reads reviewers' comments over MCP and resolves them, and a CI check holds the merge until they are.

LocalFreeTypeScript

Omen

panbanda/omen

Multi-language code analysis for complexity, debt, hotspots, ownership, and defect prediction

LocalFree

Primitiv

AI-by-design/primitiv

Local-first design contract layer: scans Figma, code, Storybook and token files, reconciles conflicts and serves a single source of truth for design rules.

LocalFreeTypeScript