AI 에이전트가 웹 페이지를 스크린샷으로 캡처하거나 콘텐츠를 깨끗한 markdown 형식으로 추출할 수 있도록 지원합니다.
다른 이름 User0856/snaprender-integrations, snaprender-mcp
- 스타
- 3
- Tools
- 11
- 다운로드, 30일
- —
- 최신 버전
- 1.6.0
- 마지막 커밋
- 2026년 11월 12일
- 라이선스
- MIT
SnapRender MCP란?
SnapRender은(는) MCP server입니다. AI 에이전트가 웹 페이지를 스크린샷으로 캡처하거나 콘텐츠를 깨끗한 markdown 형식으로 추출할 수 있도록 지원합니다. 11개 도구를 제공합니다. 예: take_screenshot, check_screenshot_cache, get_usage.
프로젝트 README에서 생성된 요약
SnapRender MCP server 정보
SnapRender는 AI 에이전트가 시각적 캡처와 구조화된 텍스트를 통해 웹 콘텐츠를 인식할 수 있는 기능을 제공합니다. 사용자는 모든 공개 웹 페이지를 PNG, JPEG, WebP, PDF와 같은 다양한 이미지 형식으로 변환하거나 페이지 콘텐츠를 깨끗한 markdown으로 변환할 수 있습니다. 이는 웹사이트를 보거나 읽어야 하는 자율 에이전트를 구축하는 개발자에게 유용합니다.
사용자는 OAuth 2.0 로그인 또는 API 키가 필요한 streamable HTTP를 사용하여 호스팅된 원격 서버에 연결할 수 있습니다. 또는 npx와 snaprender-mcp 패키지를 사용하여 stdio 전송 방식으로 로컬 서버를 실행할 수 있습니다. 이 서비스는 신용카드 없이도 매월 200개의 스크린샷을 제공하는 무료 티어를 제공합니다.
이 서버에는 take_screenshot, extract_content, 그리고 최대 50개의 URL을 한 번에 처리할 수 있는 batch_screenshots를 포함한 11개의 특화된 도구가 포함되어 있습니다. 또한 webhook 알림, 캐시 확인, API 키 없이 캡처를 공유할 수 있는 서명된 링크와 같은 고급 기능도 지원합니다.
활용 사례
- 1시각적 웹 캡처AI 에이전트가 특정 형식이나 디바이스 프리셋에 맞춰 웹사이트 스크린샷을 찍을 수 있습니다.
- 2대량 URL 처리단일 백그라운드 작업으로 대량의 웹사이트 목록을 처리하도록 에이전트에게 요청할 수 있습니다.
- 3자동화된 워크플로우 알림배치 작업이 완료되거나 할당량이 부족할 때 시스템에 알림을 보내도록 설정할 수 있습니다.
프로젝트의 README를 바탕으로 작성되었습니다. 모든 활용 사례는 해당 내용의 인용문과 대조하여 확인합니다.
SnapRender MCP 설치 방법
형식 확인: 2026년 11월 10일Cursor에 추가Goose에 추가Claude Code에 SnapRender MCP 설치
$ claude mcp add --env 'SNAPRENDER_API_KEY=<YOUR_SNAPRENDER_API_KEY>' snaprender -- npx -y snaprender-mcpCursor에 SnapRender MCP 설치
~/.cursor/mcp.json
{
"mcpServers": {
"snaprender": {
"command": "npx",
"args": [
"-y",
"snaprender-mcp"
],
"env": {
"SNAPRENDER_API_KEY": "<YOUR_SNAPRENDER_API_KEY>"
}
}
}
}VS Code에 SnapRender MCP 설치
.vscode/mcp.json
{
"servers": {
"snaprender": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"snaprender-mcp"
],
"env": {
"SNAPRENDER_API_KEY": "<YOUR_SNAPRENDER_API_KEY>"
}
}
}
}VS Code CLI에 SnapRender MCP 설치
$ code --add-mcp '{"name":"snaprender","type":"stdio","command":"npx","args":["-y","snaprender-mcp"],"env":{"SNAPRENDER_API_KEY":"<YOUR_SNAPRENDER_API_KEY>"}}'Claude Desktop에 SnapRender MCP 설치
claude_desktop_config.json
{
"mcpServers": {
"snaprender": {
"command": "npx",
"args": [
"-y",
"snaprender-mcp"
],
"env": {
"SNAPRENDER_API_KEY": "<YOUR_SNAPRENDER_API_KEY>"
}
}
}
}Codex에 SnapRender MCP 설치
$ codex mcp add snaprender --env 'SNAPRENDER_API_KEY=<YOUR_SNAPRENDER_API_KEY>' -- npx -y snaprender-mcpCodex config.toml에 SnapRender MCP 설치
~/.codex/config.toml
[mcp_servers.snaprender] command = "npx" args = ["-y", "snaprender-mcp"] [mcp_servers.snaprender.env] SNAPRENDER_API_KEY = "<YOUR_SNAPRENDER_API_KEY>"
Gemini CLI에 SnapRender MCP 설치
$ gemini mcp add -s user -e 'SNAPRENDER_API_KEY=<YOUR_SNAPRENDER_API_KEY>' snaprender npx -- -y snaprender-mcpGemini settings.json에 SnapRender MCP 설치
~/.gemini/settings.json
{
"mcpServers": {
"snaprender": {
"command": "npx",
"args": [
"-y",
"snaprender-mcp"
],
"env": {
"SNAPRENDER_API_KEY": "<YOUR_SNAPRENDER_API_KEY>"
}
}
}
}SnapRender MCP 도구 11
README에서 감지됨take_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 | — |
구성
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
| 이름 | 설명 | 유형 |
|---|---|---|
| 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 | 비밀 |
자동 검사
2026년 11월 12일에 실행됨전체 보고서 →자동 검사를 통과했습니다. 이는 보안 감사가 아닙니다. 코드를 직접 읽고 서버에 필요한 최소한의 권한만 부여하십시오. 검사 방식
- 소스 저장소 연결 및 접근 가능통과
- 오픈 소스 라이선스 (OSI)통과
- 최근 1년 내 커밋 또는 릴리스통과
- 패키지 이름이 인기 패키지와 유사하지 않음통과
- 원격 엔드포인트가 HTTPS 사용검사되지 않음
- 파괴적인 도구에 라벨 표시됨검사되지 않음
- 모델에 대한 숨겨진 지침 없음통과
- 패키지 및 해당 종속성에 중요한 보안 권고 없음통과
README
GitHub에서 보기SnapRender 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
SnapRender MCP 질문
SnapRender MCP를 Claude Code에 추가하려면 어떻게 하나요?
터미널에서 claude mcp add --env 'SNAPRENDER_API_KEY=<YOUR_SNAPRENDER_API_KEY>' snaprender -- npx -y snaprender-mcp를 실행합니다. 모든 프로젝트에서 사용할 수 있게 하려면 --scope user를 추가합니다.
SnapRender MCP를 Cursor에 추가하려면 어떻게 하나요?
~/.cursor/mcp.json를 열고 mcpServers 아래에 서버를 추가합니다. 위 설치 섹션에 표시된 Cursor 구성을 사용합니다.
SnapRender MCP는 어떤 도구를 제공하나요?
11개 도구를 제공합니다. 예: take_screenshot, check_screenshot_cache, get_usage, sign_screenshot_url, extract_content.
웹 페이지를 어떤 형식으로 캡처할 수 있나요?
모든 공개 웹 페이지를 PNG, JPEG, WebP 또는 PDF로 캡처할 수 있습니다.
무료 플랜이 있나요?
네, 무료 플랜은 매월 200개의 스크린샷을 제공하며 신용카드 등록이 필요하지 않습니다.
여러 URL을 한 번에 캡처할 수 있나요?
네, batch_screenshots 도구를 사용하면 단일 백그라운드 작업으로 최대 50개의 URL을 캡처할 수 있습니다.