Memungkinkan AI agent untuk mengambil screenshot halaman web atau mengekstrak kontennya dalam format markdown yang bersih.
Juga dikenal sebagai User0856/snaprender-integrations, snaprender-mcp
- Stars
- 3
- Tools
- 11
- Unduhan, 30 hari
- —
- Versi terbaru
- 1.6.0
- Commit terakhir
- 12 Nov 2026
- Lisensi
- MIT
Apa itu SnapRender MCP?
SnapRender adalah MCP server. Memungkinkan AI agent untuk mengambil screenshot halaman web atau mengekstrak kontennya dalam format markdown yang bersih. Server ini menyediakan 11 tool, seperti take_screenshot, check_screenshot_cache, get_usage.
Ringkasan dibuat dari README proyek
Tentang SnapRender MCP server
SnapRender memberikan kemampuan kepada AI agent untuk memahami konten web melalui tangkapan visual dan teks terstruktur. Layanan ini memungkinkan pengguna untuk mengubah halaman web publik apa pun menjadi berbagai format gambar seperti PNG, JPEG, WebP, atau PDF, atau mengonversi konten halaman menjadi markdown yang bersih. Hal ini sangat berguna bagi developer yang sedang membangun autonomous agent yang perlu melihat atau membaca situs web.
Pengguna dapat terhubung melalui hosted remote server menggunakan Streamable HTTP, yang memerlukan sign-in OAuth 2.0 atau API key. Sebagai alternatif, server lokal dapat dijalankan menggunakan npx dan package snaprender-mcp melalui transport stdio. Layanan ini menawarkan free tier yang mencakup 200 screenshot per bulan tanpa memerlukan kartu kredit.
Server ini menyertakan 11 tool khusus seperti take_screenshot, extract_content, dan batch_screenshots untuk memproses hingga 50 URL sekaligus. Layanan ini juga mendukung fitur canggih seperti webhook notifications, cache checking, dan signed links untuk berbagi hasil tangkapan tanpa memerlukan API key.
Apa yang bisa Anda lakukan dengannya
- 1Visual Web CaptureAI agent dapat mengambil screenshot sebuah situs web dalam format tertentu atau menggunakan preset perangkat tertentu.
- 2Bulk URL ProcessingAnda dapat meminta agent untuk memproses daftar situs web dalam jumlah besar dalam satu background job.
- 3Automated Workflow NotificationsAtur notifikasi untuk memberi tahu sistem Anda saat batch job selesai atau saat kuota Anda hampir habis.
Ditulis berdasarkan README proyek. Setiap use case diperiksa terhadap kutipan dari README tersebut.
Cara menginstal SnapRender MCP
Format diverifikasi 10 Nov 2026Tambahkan ke CursorTambahkan ke GooseInstal SnapRender MCP di Claude Code
$ claude mcp add --env 'SNAPRENDER_API_KEY=<YOUR_SNAPRENDER_API_KEY>' snaprender -- npx -y snaprender-mcpInstal SnapRender MCP di Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"snaprender": {
"command": "npx",
"args": [
"-y",
"snaprender-mcp"
],
"env": {
"SNAPRENDER_API_KEY": "<YOUR_SNAPRENDER_API_KEY>"
}
}
}
}Instal SnapRender MCP di VS Code
.vscode/mcp.json
{
"servers": {
"snaprender": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"snaprender-mcp"
],
"env": {
"SNAPRENDER_API_KEY": "<YOUR_SNAPRENDER_API_KEY>"
}
}
}
}Instal SnapRender MCP di VS Code CLI
$ code --add-mcp '{"name":"snaprender","type":"stdio","command":"npx","args":["-y","snaprender-mcp"],"env":{"SNAPRENDER_API_KEY":"<YOUR_SNAPRENDER_API_KEY>"}}'Instal SnapRender MCP di Claude Desktop
claude_desktop_config.json
{
"mcpServers": {
"snaprender": {
"command": "npx",
"args": [
"-y",
"snaprender-mcp"
],
"env": {
"SNAPRENDER_API_KEY": "<YOUR_SNAPRENDER_API_KEY>"
}
}
}
}Instal SnapRender MCP di Codex
$ codex mcp add snaprender --env 'SNAPRENDER_API_KEY=<YOUR_SNAPRENDER_API_KEY>' -- npx -y snaprender-mcpInstal SnapRender MCP di Codex config.toml
~/.codex/config.toml
[mcp_servers.snaprender] command = "npx" args = ["-y", "snaprender-mcp"] [mcp_servers.snaprender.env] SNAPRENDER_API_KEY = "<YOUR_SNAPRENDER_API_KEY>"
Instal SnapRender MCP di Gemini CLI
$ gemini mcp add -s user -e 'SNAPRENDER_API_KEY=<YOUR_SNAPRENDER_API_KEY>' snaprender npx -- -y snaprender-mcpInstal SnapRender MCP di Gemini settings.json
~/.gemini/settings.json
{
"mcpServers": {
"snaprender": {
"command": "npx",
"args": [
"-y",
"snaprender-mcp"
],
"env": {
"SNAPRENDER_API_KEY": "<YOUR_SNAPRENDER_API_KEY>"
}
}
}
}Tool SnapRender MCP 11
Terdeteksi dari READMEtake_screenshotcheck_screenshot_cacheget_usagesign_screenshot_urlextract_contentbatch_screenshotsget_batch_statuslist_webhookscreate_webhookdelete_webhooktest_webhook
| take_screenshot | — | |
| check_screenshot_cache | — | |
| get_usage | — | |
| sign_screenshot_url | — | |
| extract_content | — | |
| batch_screenshots | — | |
| get_batch_status | — | |
| list_webhooks | — | |
| create_webhook | — | |
| delete_webhook | — | |
| test_webhook | — |
Konfigurasi
SNAPRENDER_API_KEYRahasiaOptional. Your SnapRender API key (starts with sk_live_). Without it the server starts on a free trial key (100 captures, watermarked) and shows a claim link. Get a free key at https://snap-render.com
| Nama | Deskripsi | Tipe |
|---|---|---|
| SNAPRENDER_API_KEY | Optional. Your SnapRender API key (starts with sk_live_). Without it the server starts on a free trial key (100 captures, watermarked) and shows a claim link. Get a free key at https://snap-render.com | Rahasia |
Pengecekan otomatis
Berjalan 12 Nov 2026Laporan lengkap →Lolos checks otomatis kami. Ini bukan audit keamanan: baca kodenya dan berikan server akses paling terbatas yang dibutuhkannya. Cara kerja checks
- Source repository terhubung dan dapat dijangkauLolos
- Lisensi open source (OSI)Lolos
- Ada commit atau release dalam satu tahun terakhirLolos
- Nama package tidak mirip dengan package populerLolos
- Remote endpoint menggunakan HTTPSTidak diperiksa
- Tools yang bersifat destruktif telah diberi labelTidak diperiksa
- Tidak ada instruksi tersembunyi untuk modelLolos
- Tidak ada advisory kritis pada paket atau dependensinyaLolos
README
Lihat di GitHubSnapRender Integrations
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: BearerorX-API-Keyheader - 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) |
|
|---|---|---|
| Install | None, just an HTTPS URL | Requires Node.js + npx |
| Transport | Streamable HTTP | stdio |
| Sign in | OAuth or API key | API key (SNAPRENDER_API_KEY) |
| Use case | Claude, ChatGPT, Cursor, any MCP client | Clients 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.
| Tool | What it does | Cost |
|---|---|---|
take_screenshot |
Capture a URL as PNG, JPEG, WebP or PDF: device presets, full page, dark mode, ad and cookie banner removal, hide or click selectors | 1 capture (cached copies free) |
check_screenshot_cache |
Check whether a capture with these options is already cached | Free |
get_usage |
Captures used and left this month, the limit and the reset date | Free |
sign_screenshot_url |
Create a signed link that renders a screenshot when opened, no API key needed | 1 capture when opened |
extract_content |
Read a page as markdown, text, HTML, article, links or metadata | 1 capture (failures free) |
batch_screenshots |
Capture up to 50 URLs in one background job | 1 capture per URL (failures refunded) |
get_batch_status |
Poll a batch job and get its download links | Free |
list_webhooks |
List webhook subscriptions | Free |
create_webhook |
Get notified when a batch finishes, the quota runs low, or a scheduled capture changes | Free |
delete_webhook |
Delete a webhook subscription | Free |
test_webhook |
Send a test payload to a webhook | Free |
Agent Framework Integrations
| Framework | Directory | Description |
|---|---|---|
| LangChain Python | langchain/ |
@tool decorated functions for LangChain / LangGraph agents (PyPI) |
| LangChain.js | langchain-js/ |
StructuredTool classes for LangChain.js agents (npm) |
| CrewAI | crewai/ |
BaseTool subclasses for CrewAI agents (PyPI) |
| AutoGen | autogen/ |
FunctionTool wrappers for Microsoft AutoGen agents (PyPI) |
| n8n | Separate repo | Community node for n8n workflows (npm) |
| Activepieces | activepieces/ |
Piece for self-hosted Activepieces, installed from Platform Admin > Pieces (npm) |
Other Integrations
| Integration | Description | Setup Time |
|---|---|---|
| OpenClaw Skill | Skill file for OpenClaw AI agent | 5 min |
| ChatGPT Actions | OpenAPI spec for Custom GPTs and OpenAI function calling | 5 min |
| Postman Collection | Pre-built API requests for Postman | 1 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
- Documentation
- Remote MCP Server: Streamable HTTP endpoint
- MCP Connector on Glama
- MCP Server on npm (
npx snaprender-mcp) - MCP Server on Smithery
- Node.js SDK (
npm install snaprender) - Python SDK (
pip install snaprender) - LangChain Python Tool (
pip install langchain-snaprender) - LangChain.js Tool (
npm install langchain-snaprender) - CrewAI Tool (
pip install crewai-snaprender) - AutoGen Tool (
pip install autogen-ext-snaprender) - n8n Community Node (
npm install n8n-nodes-snaprender) - Activepieces Piece (
activepieces-piece-snaprender) - OpenAPI Spec
- Postman Collection
License
MIT
Pertanyaan tentang SnapRender MCP
Bagaimana cara menambahkan SnapRender MCP ke Claude Code?
Jalankan claude mcp add --env 'SNAPRENDER_API_KEY=<YOUR_SNAPRENDER_API_KEY>' snaprender -- npx -y snaprender-mcp di terminal Anda. Tambahkan --scope user agar tersedia di semua proyek.
Bagaimana cara menambahkan SnapRender MCP ke Cursor?
Buka ~/.cursor/mcp.json dan tambahkan server di bawah mcpServers, menggunakan config Cursor yang ditunjukkan di bagian instalasi di atas.
Tool apa yang disediakan SnapRender MCP?
Server ini menyediakan 11 tool, termasuk take_screenshot, check_screenshot_cache, get_usage, sign_screenshot_url, extract_content.
Format apa saja yang tersedia untuk menangkap halaman web?
Anda dapat menangkap halaman web publik apa pun dalam format PNG, JPEG, WebP, atau PDF.
Apakah tersedia paket gratis?
Ya, paket gratis mencakup 200 screenshot per bulan dan tidak memerlukan kartu kredit.
Bisakah saya menangkap banyak URL sekaligus?
Ya, tool batch_screenshots memungkinkan Anda untuk menangkap hingga 50 URL dalam satu background job.