Capture website screenshots (viewport or full page) with local Chrome, or on OpenScreenShot Cloud.
Setup
Choose your client, copy the config, then fill in any required environment variables.
Local
claude mcp add openscreenshot --env OPENSCREENSHOT_API_KEY='<OPENSCREENSHOT_API_KEY>' -- npx -y openscreenshot~/.codex/config.toml
[mcp_servers.openscreenshot]
command = "npx"
args = ["-y", "openscreenshot"]
env = { OPENSCREENSHOT_API_KEY = "<OPENSCREENSHOT_API_KEY>" }
# codex mcp add openscreenshot --env OPENSCREENSHOT_API_KEY='<OPENSCREENSHOT_API_KEY>' -- npx -y openscreenshot~/.cursor/mcp.json
{
"mcpServers": {
"openscreenshot": {
"command": "npx",
"args": [
"-y",
"openscreenshot"
],
"env": {
"OPENSCREENSHOT_API_KEY": "<OPENSCREENSHOT_API_KEY>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"openscreenshot": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"openscreenshot"
],
"env": {
"OPENSCREENSHOT_API_KEY": "<OPENSCREENSHOT_API_KEY>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"openscreenshot": {
"command": "npx",
"args": [
"-y",
"openscreenshot"
],
"env": {
"OPENSCREENSHOT_API_KEY": "<OPENSCREENSHOT_API_KEY>"
}
}
}
}claude_desktop_config.json
{
"mcpServers": {
"openscreenshot": {
"command": "npx",
"args": [
"-y",
"openscreenshot"
],
"env": {
"OPENSCREENSHOT_API_KEY": "<OPENSCREENSHOT_API_KEY>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"openscreenshot": {
"command": "npx",
"args": [
"-y",
"openscreenshot"
],
"env": {
"OPENSCREENSHOT_API_KEY": "<OPENSCREENSHOT_API_KEY>"
}
}
}
}Remote
claude mcp add --transport http openscreenshot https://cloud.openscreenshot.app/mcp --header 'Authorization: <AUTHORIZATION>'~/.codex/config.toml
[mcp_servers.openscreenshot]
url = "https://cloud.openscreenshot.app/mcp"
http_headers = { Authorization = "<AUTHORIZATION>" }
# codex mcp add openscreenshot --url https://cloud.openscreenshot.app/mcp~/.cursor/mcp.json
{
"mcpServers": {
"openscreenshot": {
"url": "https://cloud.openscreenshot.app/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"openscreenshot": {
"type": "http",
"url": "https://cloud.openscreenshot.app/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"openscreenshot": {
"httpUrl": "https://cloud.openscreenshot.app/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"openscreenshot": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://cloud.openscreenshot.app/mcp",
"--header",
"Authorization:<AUTHORIZATION>"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"openscreenshot": {
"url": "https://cloud.openscreenshot.app/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}Environment variables
OPENSCREENSHOT_API_KEY
Replace the placeholders with your own credentials and keep them out of version control.