# visbug-mcp

> visbug-mcp — mambari-visbug-mcp. Use this tool when you need to capture and apply visual design changes made in the browser to source code files using natural language inputs. It solves the problem of manually translating design modifications into code by exposing VisBug changes to Claude Code via MCP. The tool takes visual changes as input and outputs modified source code files, streamlining the design-to-code workflow.

Canonical page: https://skillsregistry.net/skills/mambari-visbug-mcp  
JSON: https://api.skillsregistry.net/v1/skills/mambari-visbug-mcp

## Description

Captures visual changes made with VisBug in the browser and exposes them to Claude Code via MCP, allowing developers to apply design modifications to source files directly from natural language.

## Trust

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

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** browser-automation
- **Updated:** 2026-08-29

## Source

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

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