MCP server to fetch browser screenshots of DOM elements.
250527-mcp-browser-720p.mp4
$ git clone https://github.com/adtac/domshot.git
$ claude mcp add domshot -- $PWD/domshot/mcp.shRestart Claude.
Paste this in the Console tab of Chrome DevTools on the page you want to give Claude access:
const el = document.createElement("script"); el.src = "http://localhost:8000/embed.js"; document.head.appendChild(el);Then ask Claude to call get_browser_screenshot and describe the result.
See example
$ claude
╭───────────────────────────────────────────────────╮
│ ✻ Welcome to Claude Code! │
│ │
│ /help for help, /status for your current setup │
│ │
│ cwd: /Users/user/src/tmp/domshot │
╰───────────────────────────────────────────────────╯
> call get_browser_screenshot tool and describe the result
⏺ I'll call the browser screenshot tool and describe what I see.
⏺ domshot:get_browser_screenshot (MCP)
⎿
⎿ [Image]
⏺ The screenshot shows a simple red webpage with the text "RED" displayed in white text, centered on a solid
red background.
MIT