ScreenshotOne MCP Server

ScreenshotOne MCP provides a simple way to capture high-quality screenshots of any website directly through your AI assistant. This integration leverages the ScreenshotOne API service to render websites and return images that can be analyzed or used in your workflows. With this MCP, you can easily visualize web content, capture specific elements, and generate visual references without leaving your AI assistant interface. It's particularly useful for web testing, content analysis, and creating visual documentation.

Overview

ScreenshotOne MCP Server allows you to capture screenshots of websites directly through your AI assistant. This integration connects to the ScreenshotOne API service, which specializes in high-quality website rendering and screenshot capture.

Prerequisites

Before using this MCP, you'll need:

A ScreenshotOne API key (sign up at ScreenshotOne)
Node.js installed on your system

Installation

Step 1: Clone the repository

git clone https://github.com/screenshotone/mcp.git
cd mcp

Step 2: Install dependencies and build

npm install && npm run build

Step 3: Configure your AI assistant

To use this MCP with Claude for Desktop, add the following configuration to your Claude Desktop config file located at ~/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_here"
            }
        }
    }
}

Replace path/to/screenshotone/mcp/build/index.js with the actual path to the built index.js file and your_api_key_here with your ScreenshotOne API key.

Standalone Usage

You can also run the MCP server standalone:

SCREENSHOTONE_API_KEY=your_api_key_here node build/index.js

Usage Examples

Once configured, you can ask your AI assistant to capture screenshots using natural language:

"Take a screenshot of example.com"
"Capture a screenshot of the CNN homepage"
"Show me what reddit.com looks like right now"

The assistant will use the render-website-screenshot tool to capture and display the requested website.

API Key Security

Your ScreenshotOne API key is sensitive information. When configuring the MCP:

Never share your API key publicly
Use environment variables to pass the key to the MCP server
Consider using API key rotation if available from ScreenshotOne

Troubleshooting

If you encounter issues:

Verify your API key is correct and has sufficient permissions
Check that the MCP server is running (when used standalone)
Ensure your network allows connections to the ScreenshotOne API
Review any error messages in the MCP server logs