Screenshot

by faridmth

314 downloads
Not rated
GitHub Website

About

Capture website screenshots from any MCP client via the ScreenshotRender API — image returned inline plus a hosted URL.

Details

Author
faridmth
Downloads
314
Categories
Web Scraping, Automation, Developer Tools

- Single tool take_screenshot for capturing any public URL.
- Optional fullPage parameter to capture entire scrollable page.
- Optional wait parameter for animations or lazy content.
- Optional timeout parameter for maximum load wait.
- Returns inline image, hosted URL, and page title/description metadata.

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

  1. Download and install Highlight from highlightai.com/download
  2. Navigate to the plugins tab and select "Add Custom Plugin"
  3. Configure the plugin with the settings below
    Plugin Name Screenshot
    Command (node, npx, python, etc.)

    Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.

  4. Enable "Start Automatically" if you want the plugin to start when Highlight launches

From the repository

Get an API key from screenshotrender.com (begins with sr-), then add the server to your MCP client config. For Claude Desktop, edit claude_desktop_config.json with the npx command and set the SCREENSHOTRENDER_API_KEY environment variable. Once configured, the take_screenshot tool becomes available—simply ask your assistant to take a screenshot.

take_screenshot

Capture a screenshot of any public website using ScreenshotRender. Returns the rendered image inline plus a hosted URL and basic page metadata (title, description). Use this whenever the user wants to see, save, or share what a web page looks like.

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "screenshot": {
            "screenshotrender": {
                "command": "npx",
                "args": [
                    "-y",
                    "screenshotrender-mcp"
                ],
                "env": {
                    "SCREENSHOTRENDER_API_KEY": "sr-your-key-here"
                }
            }
        }
    }
}

McpServers

{
    "screenshotrender": {
        "command": "npx",
        "args": [
            "-y",
            "screenshotrender-mcp"
        ],
        "env": {
            "SCREENSHOTRENDER_API_KEY": "sr-your-key-here"
        }
    }
}

ScreenshotRender MCP server

Capture website screenshots from inside Claude, Cursor, VS Code, Windsurf, or any
Model Context Protocol client. This server
wraps the ScreenshotRender API so your AI
assistant can render any public web page on request.

> Ask your assistant: "Take a full-page screenshot of stripe.com" and the image
> appears right in the chat.

Tools

| Tool | Description |
|------|-------------|
| take_screenshot | Capture a screenshot of any public URL. Returns the image inline plus a hosted URL and page metadata (title, description). |

Parameters

- url (string, required) — page to capture, including https://.
- fullPage (boolean, optional) — capture the entire scrollable page instead of the viewport.
- wait (number, optional) — milliseconds to wait before capturing (for animations / lazy content).
- timeout (number, optional) — max milliseconds to wait for load.

Setup

1. Get your API key at screenshotrender.com (it starts with sr-).
2. Add the server to your MCP client config.

Claude Desktop

Edit claude_desktop_config.json (Settings → Developer → Edit Config):

{
  "mcpServers": {
    "screenshotrender": {
      "command": "npx",
      "args": ["-y", "screenshotrender-mcp"],
      "env": {
        "SCREENSHOTRENDER_API_KEY": "sr-your-key-here"
      }
    }
  }
}

Cursor / VS Code / Windsurf

Add the same block under the editor's MCP settings (mcp.json or the MCP
settings UI). Restart the client and the take_screenshot tool will be
available.

Environment variables

| Variable | Required | Description |
|----------|----------|-------------|
| SCREENSHOTRENDER_API_KEY | yes | Your ScreenshotRender key (sr-...). |
| SCREENSHOTRENDER_BASE_URL | no | Override the API base URL. Defaults to https://screenshotrender.com. |

Local development

npm install
SCREENSHOTRENDER_API_KEY=sr-your-key npm run inspect   # opens MCP Inspector

The Inspector lets you call take_screenshot and view the result before
shipping.

License

MIT

No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.