📸 ScreenshotsMCP

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-code

Done. 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.com

Option 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.com

That's it. Your AI can now see any website.

What's Next?

On this page