Screenshot MCP Server

@faridmth

代码仓库主页

基本信息

分类

浏览器自动化

许可证

MIT

传输方式

stdio

作者

faridmth

提交者

Farid Methia

关于 Screenshot MCP Server

screenshotrender mcp

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

Screenshot MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

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

Screenshot MCP Server 工具

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.

概览

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.

常见问题

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`).

浏览器自动化分类下的更多 MCP 服务器

Puppeteer

modelcontextprotocol

Model Context Protocol Servers

88.1K

browser-use-mcp-server

co-browser

Browse the web, directly from Cursor etc.

827

HTML/CSS to Image

An MCP server for generating images from HTML & CSS or screenshots of URLs using htmlcsstoimage.com.

QuantumProxies — Residential, Mobile & Datacenter Proxy MCP Server

quantumproxies

Give your AI agent its own proxies. QuantumProxies exposes residential, mobile, datacenter, ISP and IPv6 endpoints as MCP tools: list your plans, generate ready-to-use proxy strings with credentials, target by country, s

Fetch