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., "@screenshot-mcptake a screenshot of my VS Code window"
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.
screenshot-mcp
A cross-platform MCP (Model Context Protocol) server for capturing screenshots. Designed for agent-based native application testing.
Also available as a Claude Code plugin with screenshot testing guidance.
Features
List Windows: Get all visible windows with IDs, titles, and bounds
List Displays: Get all available monitors/displays
Screenshot Window: Capture a specific window by ID or title
Screenshot Screen: Capture an entire display
Screenshot Region: Capture a specific screen region
Installation
No installation required - use directly with npx or bunx.
Usage
Configure in Claude Code
Add to your MCP settings (~/.claude/settings.json):
Or with npx:
Run Standalone
MCP Tools
list_windows
List all visible windows.
list_displays
List all available displays.
screenshot_window
Capture a specific window.
screenshot_screen
Capture the entire screen.
screenshot_region
Capture a specific region.
Platform Support
Platform | Status |
macOS | Supported |
Windows | Planned |
Linux | Planned |
Configuration (Plugin Settings)
Create .claude/screenshot.local.md in your project to set a default save directory:
When this file exists, Claude will automatically use this directory for saving screenshots.
Note: Add .claude/*.local.md to your .gitignore.
Requirements
macOS: Requires Screen Recording permission (System Settings > Privacy & Security > Screen Recording)
Runtime: Bun v1.0+ or Node.js 18+
As Claude Code Plugin
Install as a plugin to get the screenshot-testing skill:
The skill provides guidance on:
Effective screenshot testing workflows
Comparison testing strategies
Multi-display testing
Electron app testing examples
License
MIT