domshot

View on GitHub

MCP server to fetch browser screenshots of DOM elements

4 stars JavaScriptWeb & Internet Tools Updated Aug 9, 2025

Documentation

domshot

MCP server to fetch browser screenshots of DOM elements.

https://github.com/user-attachments/assets/1ab36d65-32be-42f5-b3fc-97618c2e96a7

Installation

bash

$ 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

code

$ 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

Frequently asked questions

What is domshot?

domshot is MCP server to fetch browser screenshots of DOM elements

How do I install domshot?

Open the GitHub repository and follow its README. Most MCP servers are added to your client's MCP config, then called by your agent.

Is domshot open source?

Yes — it is hosted on GitHub at https://github.com/adtac/domshot and has 4 stars.

Related MCP tools

mcp-for-next.js

This sample app uses the Vercel MCP Adapter that allows you to drop in an MCP server on a group of routes in any Next.js project.

311 JavaScript

anything-llm

The all-in-one Desktop & Docker AI application with built-in RAG, AI agents, No-code agent builder, MCP compatibility, and more.

50,686 JavaScript

ai-agentscustom-ai-agentsdeepseek+16

claude-task-master

An AI-powered task-management system you can drop into Cursor, Lovable, Windsurf, Roo, and others. Built for the Model Context Protocol to enhance AI capabiliti

23,033 JavaScript

aicursorcursor-ai+9

fay

Fay是一个帮助数字人（2.5d、3d、移动、pc、网页）或大语言模型（openai兼容、deepseek）连通业务系统的mcp框架。 JavaScript-based implementation. Trusted by 12000+ developers.

12,003 JavaScript

aiandroidapi+4

cursor-talk-to-figma-mcp

CTTF: MCP integration between Cursor and Figma, allowing Cursor Agentic AI to communicate with Figma for reading designs and modifying them programmatically.

5,539 JavaScript

agentagenticagentic-ai+11

firecrawl-mcp-server

🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM clients. JavaScript-based implementation.

4,847 JavaScript

batch-processingclaudecontent-extraction+11

Run your own MCP server? See who uses it and what to fix.

Measure it with TrackMCP