Domshot
What is Domshot
domshot is an MCP server designed to fetch browser screenshots of DOM elements, allowing users to capture visual representations of web content programmatically.
Use cases
Use cases for domshot include generating screenshots for documentation, testing UI components, and capturing visual changes during development.
How to use
To use domshot, clone the repository from GitHub, add it to Claude’s MCP, and restart Claude. Then, insert a script tag into the Chrome DevTools console on the desired page to enable access, followed by calling the ‘get_browser_screenshot’ function.
Key features
Key features of domshot include the ability to capture screenshots of specific DOM elements, integration with Claude for automated interactions, and ease of installation and usage.
Where to use
domshot can be used in web development, automated testing, and any scenario where visual verification of web content is needed.
Clients Supporting MCP
The following are the main client software that supports the Model Context Protocol. Click the link to visit the official website for more information.
Overview
What is Domshot
domshot is an MCP server designed to fetch browser screenshots of DOM elements, allowing users to capture visual representations of web content programmatically.
Use cases
Use cases for domshot include generating screenshots for documentation, testing UI components, and capturing visual changes during development.
How to use
To use domshot, clone the repository from GitHub, add it to Claude’s MCP, and restart Claude. Then, insert a script tag into the Chrome DevTools console on the desired page to enable access, followed by calling the ‘get_browser_screenshot’ function.
Key features
Key features of domshot include the ability to capture screenshots of specific DOM elements, integration with Claude for automated interactions, and ease of installation and usage.
Where to use
domshot can be used in web development, automated testing, and any scenario where visual verification of web content is needed.
Clients Supporting MCP
The following are the main client software that supports the Model Context Protocol. Click the link to visit the official website for more information.
Content
domshot
MCP server to fetch browser screenshots of DOM elements.
https://github.com/user-attachments/assets/1ab36d65-32be-42f5-b3fc-97618c2e96a7
Installation
$ git clone https://github.com/adtac/domshot.git
$ claude mcp add domshot -- $PWD/domshot/mcp.sh
Restart Claude.
Usage
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.
License
MIT
Dev Tools Supporting MCP
The following are the main code editors that support the Model Context Protocol. Click the link to visit the official website for more information.
