ScreenshotOne MCP Server

Add to your client

Copy the config for your MCP client and paste it into its config file.

{
  "mcpServers": {
    "screenshotone-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "screenshotone-mcp-server"
      ],
      "env": {
        "SCREENSHOTONE_API_KEY": "<your-api-key>"
      }
    }
  }
}

Before you start

• Node.js 18 or higher
• A ScreenshotOne access key from https://dash.screenshotone.com/access, set as SCREENSHOTONE_ACCESS_KEY
• Git, if installing from source rather than the npm package

About ScreenshotOne MCP Server

Tools & capabilities (1)

When to use it

• Use it when you want an agent to fetch a visual snapshot of a webpage as part of a workflow.
• Use it when you need full-page captures or a specific element targeted via CSS selector.
• Use it when you want clean screenshots with ads, trackers, and cookie banners blocked.
• Use it when you need a page rendered to PDF rather than a raster image.
• Use it when you want the screenshot uploaded and returned as a hosted URL instead of raw bytes.

Quick setup

1. 1Create a ScreenshotOne access key at https://dash.screenshotone.com/access.
2. 2Install the `screenshotone-mcp-server` npm package, or clone the repo and run `npm install`.
3. 3Add the server to your MCP client config and set SCREENSHOTONE_ACCESS_KEY in its env.
4. 4Restart the MCP client so it loads the server (or start the HTTP server with `npm run dev:server:http`).
5. 5Ask the assistant to take_screenshot of a test URL to verify.

ScreenshotOne MCP Server FAQ