ScreenshotOne MCP

How to Install and Use ScreenshotOne MCP

If you want to use ScreenshotOne MCP, an official server for the Model Context Protocol, this guide will help you set it up easily. Follow these steps with examples so you can get it running without problems.

Step 1: Build ScreenshotOne MCP

Before you use ScreenshotOne MCP, you need to install its dependencies and build the project. This makes sure everything works correctly.

Here’s how to do it:

npm install && npm run build

This command first installs all needed packages and then builds the MCP server. Make sure you run it in the folder where you downloaded ScreenshotOne MCP.

Step 2: Get Your ScreenshotOne API Key

To use ScreenshotOne MCP, you need an API key from ScreenshotOne. This key lets the server work with the ScreenshotOne service.

Go to ScreenshotOne’s website and sign up if you don’t have an account. After you sign up, you will get your API key.

Keep this key safe, you will need it for running the server.

Step 3: Using ScreenshotOne MCP with Claude for Desktop

If you want to use ScreenshotOne MCP with Claude for Desktop, you need to add some settings to Claude’s config file. This connects Claude to your MCP server.

Open the file located at:

~/Library/Application Support/Claude/claude_desktop_config.json

Then add this block inside it:

{
  "mcpServers": {
    "screenshotone": {
      "command": "node",
      "args": ["path/to/screenshotone/mcp/build/index.js"],
      "env": {
        "SCREENSHOTONE_API_KEY": "<your api key>"
      }
    }
  }
}

Replace "path/to/screenshotone/mcp/build/index.js" with your real path to the built MCP server file. And replace <your api key> with the API key you got in Step 2.

Step 4: Running ScreenshotOne MCP by Itself or in Other Projects

If you want to run ScreenshotOne MCP alone, or include it in other projects, you can start it using the command line. Make sure your terminal is in the project’s folder, then run this:

SCREENSHOTONE_API_KEY=your_api_key && node build/index.js

Replace your_api_key with your real API key. This command sets your API key and starts the server.

---

By following these simple steps, you will have ScreenshotOne MCP installed and ready to use. The setup helps you take screenshots of websites using the MCP tool called render-website-screenshot. Just build it, add your API key, and start the server either with Claude or standalone.