mcpField
S
SnapRender

SnapRender

Local
snap-render.comBrowser Automation3Updated 3w ago

About SnapRender

SnapRender Integrations connects AI agents and MCP clients to the SnapRender Screenshot API. It supports page captures, content extraction, batch jobs, and related webhook management through hosted or local MCP servers.

Key features

  1. 01Capture pages as images or PDF
  2. 02Extract page content in multiple formats
  3. 03Submit batches of up to 50 URLs
  4. 04Check cache and usage
  5. 05Manage batch and quota webhooks

Use cases

  1. 01Capture a public page for visual review
  2. 02Extract a page as markdown or text
  3. 03Run captures across a list of URLs
  4. 04Notify a workflow when a batch completes

MCP support

Provides the same 11 tools through a hosted Streamable HTTP MCP server or a local npm server using stdio. Authentication supports OAuth 2.0 or API keys on the hosted server, and an API key locally.

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config
{
"mcpServers": {
"snaprender-integrations": {
"command": "npx",
"args": [
"-y",
"snaprender-mcp"
],
"env": {
"SNAPRENDER_API_KEY": "<SNAPRENDER_API_KEY>"
}
}
}
}
Run commandnpx -y snaprender-mcp
Environment variables to set
SNAPRENDER_API_KEYSecretYour SnapRender API key (starts with sk_live_). Get one free at https://snap-render.com

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npmsnaprender-mcp1.5.6

Tools

11

Saved tool list · updated 3w ago

ParameterTypeRequiredDescription
urlstringNoURL to capture (must start with http:// or https://). Mutually exclusive with html and markdown.
htmlstringNoRaw HTML content to render and capture (max 2MB). Mutually exclusive with url and markdown.
markdownstringNoMarkdown content to render with a clean styled template and capture (max 500KB). Mutually exclusive with url and html.
formatenumNoOutput format (default: png)png | jpeg | webp | pdf
widthintegerNoViewport width in pixels (default: 1280)
heightintegerNoViewport height in pixels (default: 800)
full_pagebooleanNoCapture entire scrollable page (default: false)
qualityintegerNoImage quality for JPEG/WebP, 1-100 (default: 90)
delayintegerNoMilliseconds to wait after page load (default: 0)
dark_modebooleanNoEnable dark mode CSS emulation (default: false)
block_adsbooleanNoBlock advertisements and trackers (default: true)
block_cookie_bannersbooleanNoRemove cookie consent banners (default: true)
deviceenumNoDevice preset for mobile/tablet emulationiphone_14 | iphone_15_pro | pixel_7 | ipad_pro | macbook_pro
hide_selectorsstringNoComma-separated CSS selectors to hide before capture
click_selectorstringNoCSS selector to click before capture
user_agentstringNoCustom user agent string to use for the request
cachebooleanNoUse cached result if available. Set to true to enable caching (default: false)
cache_ttlintegerNoCache TTL in seconds, 0-2592000. Clamped to your plan max (default: 86400)

Details

From the project README

SnapRender

SnapRender Integrations

SnapRender MCP connector: tool definition quality and endpoint health on Glama smithery badge npm MCP npm SDK PyPI SDK License: MIT Available on CodeGuilds MCP Badge

Official integrations for the SnapRender Screenshot API: give AI agents eyes. Capture any public web page as PNG, JPEG, WebP or PDF, or read it as clean markdown.

Remote MCP Server (recommended)

SnapRender runs a hosted MCP server. Connect from any MCP client with nothing to install:

https://app.snap-render.com/mcp
  • Transport: Streamable HTTP
  • Sign in: OAuth 2.0 (the client opens a SnapRender sign-in window; Google, GitHub or email), or an API key in the Authorization: Bearer or X-API-Key header
  • Tools (11): capture, cache check, usage, signed links, content extraction, batches and webhooks (full list below)
  • Prompts: screenshot_website, compare_devices
  • Free plan: 200 screenshots a month, no credit card
  • Directory listing: SnapRender on Glama (health-checked, tool quality graded)
Claude (claude.ai and Claude Desktop)

Open Customize, then Connectors, click + Add, then Add custom connector, and paste https://app.snap-render.com/mcp. Claude opens a SnapRender sign-in window; approve it and the tools are ready. Step-by-step guide: snap-render.com/claude.

Cursor, VS Code, Windsurf and other clients

Setup pages for each client, with one-click install where the client supports it: snap-render.com/ai-connectors.

A client that takes headers instead of OAuth:

{
  "mcpServers": {
    "snaprender": {
      "url": "https://app.snap-render.com/mcp",
      "headers": {
        "Authorization": "Bearer sk_live_your_key_here"
      }
    }
  }
}
Any MCP client (curl)
# Initialize a session
curl -X POST https://app.snap-render.com/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json, text/event-stream" \
  -H "X-API-Key: sk_live_your_key_here" \
  -d '{"jsonrpc":"2.0","id":1,"method":"initialize","params":{"protocolVersion":"2025-03-26","capabilities":{},"clientInfo":{"name":"test","version":"1.0"}}}'

The server returns an Mcp-Session-Id header: include it in later requests to reuse the session.

Smithery

Install via Smithery for automatic setup with any MCP client.

Local MCP Server (npm)

If you prefer running locally via stdio transport:

{
  "mcpServers": {
    "snaprender": {
      "command": "npx",
      "args": ["-y", "snaprender-mcp"],
      "env": {
        "SNAPRENDER_API_KEY": "sk_live_your_key_here"
      }
    }
  }
}

See mcp-server/ for full documentation.

Remote vs Local
Remote (hosted)Local (npx)
InstallNone, just an HTTPS URLRequires Node.js + npx
TransportStreamable HTTPstdio
Sign inOAuth or API keyAPI key (SNAPRENDER_API_KEY)
Use caseClaude, ChatGPT, Cursor, any MCP clientClients that only run local servers

MCP Tools

The hosted server and the npm package expose the same 11 tools. Parameters are documented in each tool's schema and in the API docs.

ToolWhat it doesCost
take_screenshotCapture a URL as PNG, JPEG, WebP or PDF: device presets, full page, dark mode, ad and cookie banner removal, hide or click selectors1 capture (cached copies free)
check_screenshot_cacheCheck whether a capture with these options is already cachedFree
get_usageCaptures used and left this month, the limit and the reset dateFree
sign_screenshot_urlCreate a signed link that renders a screenshot when opened, no API key needed1 capture when opened
extract_contentRead a page as markdown, text, HTML, article, links or metadata1 capture (failures free)
batch_screenshotsCapture up to 50 URLs in one background job1 capture per URL (failures refunded)
get_batch_statusPoll a batch job and get its download linksFree
list_webhooksList webhook subscriptionsFree
create_webhookGet notified when a batch finishes, the quota runs low, or a scheduled capture changesFree
delete_webhookDelete a webhook subscriptionFree
test_webhookSend a test payload to a webhookFree

Agent Framework Integrations

FrameworkDirectoryDescription
LangChain Pythonlangchain/@tool decorated functions for LangChain / LangGraph agents (PyPI)
LangChain.jslangchain-js/StructuredTool classes for LangChain.js agents (npm)
CrewAIcrewai/BaseTool subclasses for CrewAI agents (PyPI)
AutoGenautogen/FunctionTool wrappers for Microsoft AutoGen agents (PyPI)
n8nSeparate repoCommunity node for n8n workflows (npm)

Other Integrations

IntegrationDescriptionSetup Time
OpenClaw SkillSkill file for OpenClaw AI agent5 min
ChatGPT ActionsOpenAPI spec for Custom GPTs and OpenAI function calling5 min
Postman CollectionPre-built API requests for Postman1 min

SDKs

# Node.js
npm install snaprender

# Python
pip install snaprender

Direct API

curl "https://app.snap-render.com/v1/screenshot?url=https://example.com" \
  -H "X-API-Key: sk_live_your_key_here" \
  -o screenshot.png

Get an API Key

Sign up free at snap-render.com: 200 screenshots a month, no credit card required.

Links

License

MIT

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.