AIエージェントがウェブページをスクリーンショットとしてキャプチャしたり、コンテンツをクリーンなMarkdownとして抽出したりすることを可能にします。
別名 User0856/snaprender-integrations, snaprender-mcp
- スター
- 3
- ツール
- 11
- ダウンロード数(30日間)
- —
- 最新バージョン
- 1.6.0
- 最終コミット
- 2026年11月12日
- ライセンス
- MIT
SnapRender MCPとは
SnapRenderはMCPサーバーです。 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枚までのスクリーンショットを利用できます。
このMCP serverには、take_screenshot、extract_content、および最大50個のURLを一度に処理できるbatch_screenshotsなど、11個の特化型ツールが含まれています。また、Webhook通知、キャッシュ確認、APIキーなしでキャプチャを共有できる署名付きリンクなどの高度な機能もサポートしています。
できること
- 1視覚的なウェブキャプチャAIエージェントが、特定の形式やデバイスのプリセットに従ってウェブサイトのスクリーンショットを撮影できます。
- 2URLの一括処理大量のウェブサイトリストを、1回のバックグラウンドジョブで処理するようにエージェントに依頼できます。
- 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を開き、上記のインストールセクションに示すCursor設定を使ってmcpServersの下にサーバーを追加します。
SnapRender MCPが提供するツールは
11個のツールを提供しており、take_screenshot, check_screenshot_cache, get_usage, sign_screenshot_url, extract_contentなどがあります。
どのような形式でウェブページをキャプチャできますか?
公開されているウェブページをPNG、JPEG、WebP、またはPDFとしてキャプチャできます。
無料プランはありますか?
はい、無料プランでは毎月200枚までのスクリーンショットが可能で、クレジットカードの登録も不要です。
複数のURLを一度にキャプチャできますか?
はい、batch_screenshotsツールを使用すると、1回のバックグラウンドジョブで最大50個のURLをキャプチャできます。