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.
Related MCP Servers
- AlicenseAqualityDmaintenanceEnables AI assistants to capture screenshots of web pages using automated browser sessions. Supports full-page and element-specific screenshots, device simulation, and JavaScript execution for comprehensive web testing and monitoring.69MIT
- Alicense-quality-maintenanceEnables LLMs to capture and analyze screenshots of your screen, windows, or regions with smart detection capabilities. Features natural language queries, automatic window targeting, and text enhancement for UI debugging and visual inspection.2
- AlicenseDqualityDmaintenanceEnables AI assistants to capture and analyze screenshots using Claude Vision API, providing AI-powered insights about desktop interface content, UI elements, and visual layouts.2812MIT
- Flicense-qualityDmaintenanceEnables Claude Desktop to capture screenshots through an interactive region selection interface, automatically saving timestamped images to a configurable directory for analysis and documentation.
Related MCP Connectors
Capture screenshots, detect visual regressions between page versions, and analyze with AI.
Screenshot, diff, audit and sitemap-capture any web page — 5 MCP tools for AI agents.
Generate images, GIFs, and PDFs from HTML, URLs, or templates — from your AI agent.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- 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