Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@ScreenshotOne MCP Servertake a screenshot of the latest news on cnn.com"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
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.
Related MCP server: webdev-mcp
Usage
Build it
Always install dependencies and build it first:
npm install && npm run buildGet 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.jsLicense
ScreenshotOne MCP Server is licensed under the MIT License.
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.