📌Overview

Purpose: To provide an implementation of the Model Context Protocol (MCP) server specifically for ScreenshotOne, facilitating website screenshot rendering.

Overview: The ScreenshotOne MCP Server serves as an official server solution that leverages the Model Context Protocol to allow users to obtain website screenshots efficiently. This implementation focuses on usability and integration, making it easy for developers to incorporate into their projects.

Key Features:

• Website Screenshot Rendering: Utilizes the render-website-screenshot tool to capture and return high-quality images of webpages, streamlining the process for users needing website visuals.

• Easy Integration: Offers straightforward setup instructions for both standalone use and integration with applications like Claude, enhancing user experience and accessibility.

---

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 can be found here.

Tools

• render-website-screenshot: Render a screenshot of a website and return it as an image.

Usage

Build it

Always install dependencies and build first:

npm install && npm run build

Get your ScreenshotOne API key

Sign up at ScreenshotOne to 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.