claude-vision-mcp
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@claude-vision-mcpScreenshot the current webpage at localhost:3000"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Claude Vision MCP
A Model Context Protocol server that gives Claude Code the ability to see — capturing the screen, individual windows, screen regions, and live web pages, plus comparing screenshots for visual-regression checks.
Built so an AI coding agent can verify its own visual output: render a UI change, screenshot it, and look at the result instead of guessing.
Features
Six tools, exposed over MCP via FastMCP:
capture_screen— screenshot the full screen or a specific display, with token-aware downscaling.capture_window_tool— screenshot a single window by (partial, case-insensitive) title or app name.capture_screen_region— screenshot an arbitrary rectangular region by coordinates.capture_webpage_tool— screenshot any URL (includinglocalhostdev servers) via a headless Playwright browser; supports full-page capture and waiting on a CSS selector.compare_screenshots— diff two images and report the percentage and region of changed pixels (visual regression).list_windows— list all open windows asApplication | Window Titleto find a capture target.
Related MCP server: MCP Screenshot Server
Requirements
Python ≥ 3.10
macOS (window capture uses AppleScript; screen capture needs Screen Recording permission)
Dependencies:
mcp[cli],Pillow,playwright,numpy
Install
git clone https://github.com/wonderstone843/claude-vision-mcp.git
cd claude-vision-mcp
pip install -e .
playwright install chromium # only needed for capture_webpage_toolGrant Screen Recording permission to your terminal in System Settings → Privacy & Security → Screen Recording.
Use with Claude Code
Register the server (stdio):
claude mcp add claude-vision -- claude-vision-mcpOr add it to your MCP config manually:
{
"mcpServers": {
"claude-vision": {
"command": "claude-vision-mcp"
}
}
}Then ask Claude to, e.g., "screenshot localhost:3000 and check the hero section renders," or "capture the Blender window."
Project layout
claude_vision_mcp/
server.py # FastMCP server + the 6 tool definitions
capture.py # full-screen / window / region capture
windows.py # AppleScript window enumeration
browser.py # Playwright headless webpage capture
compare.py # pixel-diff comparisonLicense
MIT — see LICENSE.
Author: Joshua Penn
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/wonderstone843/claude-vision-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server