Screenshot

Name: Screenshot
Author: faridmth

@faridmth

Repository Homepage

About Screenshot

screenshotrender mcp

#screenshot #screenshot-api #website #image #rendering

Basic information

Config

Add this server to your MCP-compatible client using the configuration below.

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

Tools

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.

Overview

What is Screenshot?

Screenshot is an MCP server that captures website screenshots from inside AI coding assistants like Claude, Cursor, VS Code, and Windsurf. It wraps the ScreenshotRender API, allowing any public web page to be rendered on request and returning the image inline plus a hosted URL and page metadata.

How to use Screenshot?

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.

Key features of Screenshot

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.

Use cases of Screenshot

Ask an AI assistant to “Take a full-page screenshot of stripe.com” and see the image appear in the chat.
Capture a viewport screenshot of a website for quick visual reference.
Automate website previews within a development workflow inside Cursor or VS Code.
Verify page rendering or layout during code review sessions.

FAQ from Screenshot

What API key do I need?

You need a ScreenshotRender API key (starts with sr-). Get it at screenshotrender.com.

How do I configure Screenshot in my editor?

Add the server block to your MCP client config (e.g., claude_desktop_config.json for Claude Desktop, or mcp.json for Cursor/VS Code/Windsurf) with command: "npx", args: ["-y", "screenshotrender-mcp"], and the SCREENSHOTRENDER_API_KEY environment variable.

What parameters does the take_screenshot tool support?

It supports url (required, include https://), fullPage (boolean, optional), wait (milliseconds, optional), and timeout (milliseconds, optional).

Can I test Screenshot locally?

Yes. Run npm install, then SCREENSHOTRENDER_API_KEY=sr-your-key npm run inspect to open the MCP Inspector and call take_screenshot before shipping.

Are there any optional environment variables?

Yes, SCREENSHOTRENDER_BASE_URL can override the default API base URL (defaults to https://screenshotrender.com).

Comments

More Browser Automation MCP servers

MCP Browser Kit

ndthanhdev

An MCP Server that enables AI assistants to interact with your local browsers.

Puppeteer Vision Mcp Server

djannot

mcp-browser-use: MCP server for browser-use

vinayak-mehta

MCP server for browser-use

Puppeteer

modelcontextprotocol

Model Context Protocol Servers

88.1K

Fastcrw

Fast, lightweight Firecrawl/Tavily alternative in Rust. Web scraper, crawler & search API with MCP server for AI agents. Drop-in Firecrawl-compatible API (/scrape, /crawl, /search). 2.3x faster than Tavily, 1.5x faster than Firecrawl in 1K-URL benchmarks. 6 MB RAM, single binary.

286