# UI Annotator

> Use this tool when you need to simplify communication with AI assistants about web page modifications by adding interactive hover annotations to any website. It solves problems of ambiguous element identification, streamlining the process of instructing AI assistants to make changes. The UI Annotator takes in any web page as input and outputs annotated web pages with labels for UI elements, making it ideal for use cases where precise element reference is crucial.

Canonical page: https://skillsregistry.net/skills/mcpware-ui-annotator  
JSON: https://api.skillsregistry.net/v1/skills/mcpware-ui-annotator

## Description

Operates as a reverse proxy that injects interactive hover annotations into any web page. Users hover over UI elements to see labels, then reference those labels when instructing AI assistants to make changes. Requires no browser extensions and works with any website. Published as an npm package with Docker support.

## Trust

- **Trust score (0–1):** 0.97
- **Verification tier:** verified
- **Last scanned:** 2026-09-19

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** cloud-infra
- **Updated:** 2026-09-19

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/mcpware-ui-annotator)
- **Repository:** <https://github.com/mcpware/ui-annotator-mcp>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "mcpware-ui-annotator"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/mcpware-ui-annotator` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/mcpware-ui-annotator/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt