English Français العربية

io.github.faridmth/screenshotrender-mcp

Official registry Other

Capture website screenshots from any MCP client via the ScreenshotRender API.

Source code Documentation

What can you do with io.github.faridmth/screenshotrender-mcp?

  • 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.

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

NPM package screenshotrender-mcp
Claude Code 
claude mcp add screenshotrender-mcp -e 'SCREENSHOTRENDER_API_KEY=<your screenshotrender_api_key>' -- npx -y screenshotrender-mcp@1.0.1
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "screenshotrender-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "screenshotrender-mcp@1.0.1"
            ],
            "env": {
                "SCREENSHOTRENDER_API_KEY": "<your screenshotrender_api_key>"
            }
        }
    }
}

Environment variables

  • SCREENSHOTRENDER_API_KEY required secret Your ScreenshotRender API key (starts with sr-). Get one at https://screenshotrender.com.

Documentation

From the project's README on GitHub, refreshed weekly. Links open on GitHub.

Contents
  1. ScreenshotRender MCP server
  2. Tools
  3. Setup
  4. Environment variables
  5. Local development
  6. License

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

ToolDescription
take_screenshotCapture 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

VariableRequiredDescription
SCREENSHOTRENDER_API_KEYyesYour ScreenshotRender key (sr-...).
SCREENSHOTRENDER_BASE_URLnoOverride 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

Frequently asked questions

What is io.github.faridmth/screenshotrender-mcp?

Capture website screenshots from any MCP client via the ScreenshotRender API.

How do I install io.github.faridmth/screenshotrender-mcp?

It runs on your machine. In Claude Code: claude mcp add screenshotrender-mcp -e 'SCREENSHOTRENDER_API_KEY=<your screenshotrender_api_key>' -- npx -y screenshotrender-mcp@1.0.1. For other clients, paste the JSON configuration from this page into their MCP settings.

Does io.github.faridmth/screenshotrender-mcp need an API key?

Yes. It expects SCREENSHOTRENDER_API_KEY, which you set in its configuration.

Is io.github.faridmth/screenshotrender-mcp open source?

Yes. Its code is on GitHub under the MIT license.

Who maintains io.github.faridmth/screenshotrender-mcp?

It is published by faridmth. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.