Renders website screenshots through the ScreenshotOne API so assistants get visual context of web pages.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add screenshotone --env SCREENSHOTONE_API_KEY='<SCREENSHOTONE_API_KEY>' -- node path/to/screenshotone/mcp/build/index.js~/.codex/config.toml
[mcp_servers.screenshotone]
command = "node"
args = ["path/to/screenshotone/mcp/build/index.js"]
env = { SCREENSHOTONE_API_KEY = "<SCREENSHOTONE_API_KEY>" }
# codex mcp add screenshotone --env SCREENSHOTONE_API_KEY='<SCREENSHOTONE_API_KEY>' -- node path/to/screenshotone/mcp/build/index.js~/.cursor/mcp.json
{
"mcpServers": {
"screenshotone": {
"command": "node",
"args": [
"path/to/screenshotone/mcp/build/index.js"
],
"env": {
"SCREENSHOTONE_API_KEY": "<SCREENSHOTONE_API_KEY>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"screenshotone": {
"type": "stdio",
"command": "node",
"args": [
"path/to/screenshotone/mcp/build/index.js"
],
"env": {
"SCREENSHOTONE_API_KEY": "<SCREENSHOTONE_API_KEY>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"screenshotone": {
"command": "node",
"args": [
"path/to/screenshotone/mcp/build/index.js"
],
"env": {
"SCREENSHOTONE_API_KEY": "<SCREENSHOTONE_API_KEY>"
}
}
}
}claude_desktop_config.json
{
"mcpServers": {
"screenshotone": {
"command": "node",
"args": [
"path/to/screenshotone/mcp/build/index.js"
],
"env": {
"SCREENSHOTONE_API_KEY": "<SCREENSHOTONE_API_KEY>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"screenshotone": {
"command": "node",
"args": [
"path/to/screenshotone/mcp/build/index.js"
],
"env": {
"SCREENSHOTONE_API_KEY": "<SCREENSHOTONE_API_KEY>"
}
}
}
}Environment variables
SCREENSHOTONE_API_KEY
Replace the placeholders with your own credentials and keep them out of version control.