How to add ScreenshotOne MCP Server to Claude Desktop

Render screenshots of any website and return them as images, via the ScreenshotOne API. Paste the config into ~/Library/Application Support/Claude/claude_desktop_config.json and restart Claude Desktop.

Last updated June 14, 2026 · 36★ · stdio · apikey

Claude Desktop config for ScreenshotOne MCP Server

npm install && npm run build

{
  "mcpServers": {
    "screenshotone-mcp-server": {
      "command": "node",
      "args": [
        "path/to/screenshotone/mcp/build/index.js"
      ],
      "env": {
        "SCREENSHOTONE_API_KEY": "<your api key>"
      }
    }
  }
}

Setup steps

1Open Claude Desktop → Settings → Developer → Edit Config (this opens ~/Library/Application Support/Claude/claude_desktop_config.json).
2Paste the ScreenshotOne MCP Server config below under the top-level "mcpServers" key.
3Fill in any placeholder secrets (API keys, paths) in the snippet.
4Save the file, then fully quit and reopen Claude Desktop.
5Open a chat and confirm ScreenshotOne MCP Server's tools appear under the 🔌 tools menu.

Before you start

Node.js (to run the compiled build/index.js)
A ScreenshotOne account and API key (set as SCREENSHOTONE_API_KEY)
Build the project locally with `npm install && npm run build`

What ScreenshotOne MCP Server can do in Claude Desktop

render-website-screenshot

Render a screenshot of a website and return it as an image.

Security

Requires a ScreenshotOne API key, supplied via the SCREENSHOTONE_API_KEY environment variable in the MCP client config. Keep this key secret; anyone with it can consume your ScreenshotOne quota.

ScreenshotOne MCP Server + Claude Desktop FAQ

Where is the Claude Desktop config file?

Claude Desktop reads MCP servers from ~/Library/Application Support/Claude/claude_desktop_config.json. Paste the ScreenshotOne MCP Server config there under the "mcpServers" key and restart the client.

Is ScreenshotOne MCP Server safe to use with Claude Desktop?

Requires a ScreenshotOne API key, supplied via the SCREENSHOTONE_API_KEY environment variable in the MCP client config. Keep this key secret; anyone with it can consume your ScreenshotOne quota.

How do I authenticate?

Sign up at ScreenshotOne to get an API key, then provide it via the SCREENSHOTONE_API_KEY environment variable in your MCP client config.

Is there an npm package to run it directly?

The README does not document an npm package or npx command. You clone/build the repo locally with `npm install && npm run build` and point your client at build/index.js.

What tools does the server expose?

A single tool, render-website-screenshot, which renders a website screenshot and returns it as an image.

View repo Full ScreenshotOne MCP Server page