# claude-annotate

> Use this tool when you need to visually annotate web pages for code fixes, enabling efficient element selection, comment addition, and screenshot capture to provide structured UI feedback via an MCP server. It solves problems related to collaborative code review and debugging by streamlining communication between developers. The tool accepts web page inputs and outputs annotated screenshots and feedback for code improvements.

Canonical page: https://skillsregistry.net/skills/gerald4277-claude-annotate  
JSON: https://api.skillsregistry.net/v1/skills/gerald4277-claude-annotate

## Description

Enables visual annotation on web pages for Claude Code, allowing element selection, comment addition, screenshot capture, and structured UI feedback for code fixes via an MCP server.

## Trust

- **Trust score (0–1):** 0.67
- **Verification tier:** scanned
- **Last scanned:** 2026-08-31

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** other
- **Updated:** 2026-08-31

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/wabh79k6ki)
- **Repository:** <https://github.com/gerald4277/claude-annotate>

## 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": "gerald4277-claude-annotate"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/gerald4277-claude-annotate` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/gerald4277-claude-annotate/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