# designer-mcp

> Use this tool when you need to visually inspect and edit web page elements, as it allows users to click, drag, or draw on webpages to retrieve source code locations and screenshots for direct editing and verification. It solves problems related to web development, debugging, and testing by providing an intuitive interface for identifying and modifying specific code sections. Inputs include user gestures on webpages, and outputs include source code locations and screenshots for streamlined editing and verification.

Canonical page: https://skillsregistry.net/skills/aresbotv1-beep-designer-mcp  
JSON: https://api.skillsregistry.net/v1/skills/aresbotv1-beep-designer-mcp

## Description

A visual designer pen for Claude Code that lets users click, drag, or draw on webpages to get source code locations and screenshots for direct editing and verification.

## Trust

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

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** maps-location
- **Updated:** 2026-09-28

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/xlxi72egqi)
- **Repository:** <https://github.com/aresbotv1-beep/designer-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": "aresbotv1-beep-designer-mcp"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/aresbotv1-beep-designer-mcp` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/aresbotv1-beep-designer-mcp/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