ScreenshotOne
officialRender 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-screenshotand 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.
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.