Give any AI agent the ability to capture screenshots. Copy-paste configs for Claude, ChatGPT, LangChain, and more.
No installation required. Paste a URL into any MCP-compatible client and your AI can take screenshots, check cache, and monitor usage instantly.
Claude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"snaprender": {
"type": "streamable-http",
"url": "https://app.snap-render.com/mcp",
"headers": {
"Authorization": "Bearer sk_live_your_key_here"
}
}
}
}Claude Code
claude mcp add snaprender \
--transport streamable-http \
https://app.snap-render.com/mcp \
-H "Authorization: Bearer sk_live_your_key_here"Cursor, Windsurf, or any MCP client
Point your MCP client at https://app.snap-render.com/mcp with an Authorization: Bearer sk_live_... header. Uses Streamable HTTP transport.
Prefer running locally? Install via npm: npm install -g snaprender-mcp and use it with SNAPRENDER_API_KEY env var. Same 3 tools, runs on your machine. View on npm →
Create a custom GPT that can screenshot any website using SnapRender's OpenAPI spec.
Setup steps
https://app.snap-render.com/openapi.json
X-API-Key, enter your key
Official LangChain integration. Install the package and get 3 ready-made tools for any Python or JavaScript agent. Works with LangGraph too.
Install
# Python
pip install langchain-snaprender
# JavaScript / TypeScript
npm install langchain-snaprenderPython
from langchain_snaprender import take_screenshot, check_cache, get_usage
# Use as tools in any LangChain agent
tools = [take_screenshot, check_cache, get_usage]
# Or call directly
result = take_screenshot.invoke({
"url": "https://example.com",
"format": "png",
"dark_mode": True,
})JavaScript / TypeScript
import { SnapRenderScreenshot, SnapRenderCacheCheck, SnapRenderUsage } from "langchain-snaprender";
const tools = [
new SnapRenderScreenshot(),
new SnapRenderCacheCheck(),
new SnapRenderUsage(),
];Official CrewAI tool package. Give your crews the ability to capture and analyze screenshots.
Install
pip install crewai-snaprenderCrewAI agent with screenshots
from crewai import Agent, Task, Crew
from crewai_snaprender import SnapRenderScreenshotTool, SnapRenderUsageTool
researcher = Agent(
role="Web Researcher",
goal="Capture and analyze website screenshots",
tools=[SnapRenderScreenshotTool(), SnapRenderUsageTool()],
verbose=True,
)
task = Task(
description="Screenshot https://example.com and describe what you see",
agent=researcher,
)
crew = Crew(agents=[researcher], tasks=[task])
result = crew.kickoff()Pre-built tools for Microsoft AutoGen agents. Drop in and go.
Install
pip install autogen-ext-snaprenderAutoGen agent with screenshots
from autogen_ext_snaprender import screenshot_tool, cache_tool, usage_tool
# Register tools with your AutoGen agent
tools = [screenshot_tool, cache_tool, usage_tool]
# Or call directly
result = await screenshot_tool.run_json({
"url": "https://example.com",
"format": "png",
"dark_mode": True,
})Community node for n8n workflow automation. Screenshot, check cache, and track usage from any n8n workflow.
Install
In your n8n instance: Settings → Community Nodes → Install
n8n-nodes-snaprenderOperations
Supports all API parameters: format, device emulation, dark mode, full page, ad/cookie blocking. Returns binary image or JSON data.
Use the REST API directly from any language or agent framework. OpenAPI 3.1 spec available.
cURL example
curl "https://app.snap-render.com/v1/screenshot?url=https://example.com&response_type=json" \
-H "X-API-Key: sk_live_your_key_here"Everything you need to integrate SnapRender with your AI workflow.