ScreenshotOne

official

Render website screenshots with ScreenshotOne

What can you do with Screenshot One MCP?

  • Capture a website screenshot β€” Ask the assistant to take a screenshot of any URL using render-website-screenshot and return it as an image.
  • Render screenshots with custom options β€” Pass ScreenshotOne API parameters (like viewport width, format, or blocking cookie banners) through the tool’s options to customize the output.

Documentation

ScreenshotOne MCP Server

An official implementation of an MCP (Model Context Protocol) server for ScreenshotOne.

A few more words about why it was built and some thoughts about the future of MCP.

ScreenshotOne Server MCP server

Tools

  • render-website-screenshot: Render a screenshot of a website and returns it as an image.

Usage

Build it

Always install dependencies and build it first:

npm install && npm run build

Get your ScreenshotOne API key

Sign up at ScreenshotOne and get your API key.

With Claude for Desktop

Add the following to your ~/Library/Application\ Support/Claude/claude_desktop_config.json:

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

Standalone or for other projects

SCREENSHOTONE_API_KEY=your_api_key node build/index.js

License

ScreenshotOne MCP Server is licensed under the MIT License.