Quickstart
Get ScreenshotsMCP running in your AI coding assistant in 60 seconds.
Option A: CLI (Fastest)
Run two commands in your terminal:
npx screenshotsmcp login
npx screenshotsmcp install cursor # or: vscode, windsurf, claude, claude-codeDone. Your AI assistant now has access to 46+ tools for screenshots, browser automation, and more.
The CLI also works standalone from the terminal:
npx screenshotsmcp screenshot https://example.com
npx screenshotsmcp responsive https://example.com
npx screenshotsmcp review https://example.comOption B: Manual Setup
1. Get Your API Key
Sign up at screenshotmcp.com and create an API key from your dashboard.
2. Add to Your IDE
Cursor
Add to your Cursor MCP settings (~/.cursor/mcp.json):
{
"mcpServers": {
"screenshotsmcp": {
"url": "https://screenshotsmcp-api-production.up.railway.app/mcp/YOUR_API_KEY"
}
}
}Windsurf
Add to your Windsurf MCP config:
{
"mcpServers": {
"screenshotsmcp": {
"serverUrl": "https://screenshotsmcp-api-production.up.railway.app/mcp/YOUR_API_KEY"
}
}
}Claude Desktop
Add to claude_desktop_config.json:
{
"mcpServers": {
"screenshotsmcp": {
"url": "https://screenshotsmcp-api-production.up.railway.app/mcp/YOUR_API_KEY"
}
}
}3. Start Using It
Ask your AI assistant:
Take a screenshot of https://stripe.comThat's it. Your AI can now see any website.
What's Next?
- Browser Sessions — Navigate, click, fill forms interactively
- Performance Metrics — Measure Core Web Vitals
- SEO Audit — Full SEO analysis in one call
- All 46+ Tools — See every tool available