ScreenshotRender Server

БесплатноНе проверен

Enables AI assistants to capture screenshots of any public URL, returning images inline with page metadata. Supports full-page captures, custom wait times, and

автор: faridmth

GitHub Embed

Описание

Enables AI assistants to capture screenshots of any public URL, returning images inline with page metadata. Supports full-page captures, custom wait times, and timeouts.

README

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

Get your API key at screenshotrender.com (it starts with sr-).
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

from github.com/faridmth/screenshotrender-mcp

Установить ScreenshotRender Server в Claude Desktop, Claude Code, Cursor

Рекомендуется · одна команда, все IDE

unyly install screenshotrender-mcp-server

Ставит в Claude Desktop, Claude Code, Cursor и VS Code — сам разбирается с npx, uvx и сборкой из исходников.

Впервые? Поставь CLI: curl -fsSL https://unyly.org/install | sh

Или настроить вручную

Выполни в терминале:

claude mcp add screenshotrender-mcp-server -- npx -y screenshotrender-mcp

FAQ