mcpField
S
SnapRender

SnapRender

ローカル
snap-render.comブラウザ自動化33 週間前に更新

SnapRender について

SnapRender Integrationsは、AIエージェントやMCPクライアントをSnapRender Screenshot APIに接続します。ホスト型またはローカルのMCPサーバーを通じて、ページのキャプチャ、コンテンツ抽出、バッチ処理、Webhook管理を行えます。

主な機能

  1. 01ページを画像またはPDFでキャプチャ
  2. 02複数形式でページ内容を抽出
  3. 03最大50件のURLを一括処理
  4. 04キャッシュと使用量の確認
  5. 05バッチ・クォータWebhookの管理

活用シーン

  1. 01公開ページをキャプチャして視覚的に確認
  2. 02ページをMarkdownやテキストとして抽出
  3. 03複数URLのキャプチャを実行
  4. 04バッチ完了時にワークフローへ通知

MCP 対応

ホスト型のStreamable HTTP MCPサーバーと、stdioを使うローカルnpmサーバーで同じ11種類のツールを提供します。ホスト型ではOAuth 2.0またはAPIキー、ローカルではAPIキーで認証します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"snaprender-integrations": {
"command": "npx",
"args": [
"-y",
"snaprender-mcp"
],
"env": {
"SNAPRENDER_API_KEY": "<SNAPRENDER_API_KEY>"
}
}
}
}
起動コマンドnpx -y snaprender-mcp
設定が必要な環境変数
SNAPRENDER_API_KEYシークレットYour SnapRender API key (starts with sk_live_). Get one free at https://snap-render.com

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmsnaprender-mcp1.5.6

ツール

11

掲載時のツール一覧 · 3 週間前に更新

パラメーター型必須説明
urlstringいいえキャプチャする URL(http:// または https:// で始まる必要があります)。html および markdown とは同時に指定できません。
htmlstringいいえレンダリングしてキャプチャする Raw HTML コンテンツ(最大 2MB)。url および markdown とは同時に指定できません。
markdownstringいいえシンプルなスタイルのテンプレートでレンダリングしてキャプチャする Markdown コンテンツ(最大 500KB)。url および html とは同時に指定できません。
formatenumいいえ出力形式(デフォルト:png)png | jpeg | webp | pdf
widthintegerいいえビューポートの幅(ピクセル単位、デフォルト:1280)
heightintegerいいえビューポートの高さ(ピクセル単位、デフォルト:800)
full_pagebooleanいいえスクロール可能なページ全体をキャプチャします(デフォルト:false)
qualityintegerいいえJPEG/WebP の画質。1~100(デフォルト:90)
delayintegerいいえページ読み込み後の待機時間(ミリ秒)(デフォルト:0)
dark_modebooleanいいえダークモードの CSS エミュレーションを有効にします(デフォルト:false)
block_adsbooleanいいえ広告とトラッカーをブロックします(デフォルト:true)
block_cookie_bannersbooleanいいえCookie 同意バナーを削除します(デフォルト:true)
deviceenumいいえモバイル/タブレットのエミュレーション用デバイスプリセットiphone_14 | iphone_15_pro | pixel_7 | ipad_pro | macbook_pro
hide_selectorsstringいいえキャプチャ前に非表示にする、カンマ区切りの CSS セレクター
click_selectorstringいいえキャプチャ前にクリックする CSS セレクター
user_agentstringいいえリクエストに使用するカスタム User-Agent 文字列
cachebooleanいいえキャッシュ結果があれば使用します。キャッシュを有効にするには true に設定します(デフォルト:false)
cache_ttlintegerいいえキャッシュ TTL(秒)、0-2592000。プランの上限に制限されます(デフォルト:86400)

詳細

SnapRender

SnapRender のインテグレーション

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

SnapRender Screenshot API の公式インテグレーションです。AI エージェントに目を与えます。公開されている任意のウェブページを PNG、JPEG、WebP、PDF としてキャプチャするか、読みやすい Markdown として取得できます。

リモート MCP サーバー(推奨)

SnapRender はホスト型 MCP サーバーを提供しています。インストール不要で、任意の MCP クライアントから接続できます。

https://app.snap-render.com/mcp
  • トランスポート: Streamable HTTP
  • サインイン: OAuth 2.0(クライアントが SnapRender のサインインウィンドウを開きます。Google、GitHub、またはメールに対応)、または Authorization: Bearer ヘッダーか X-API-Key ヘッダーで API キーを使用
  • ツール(11 個): キャプチャ、キャッシュ確認、使用状況、署名付きリンク、コンテンツ抽出、バッチ、Webhook(全リストは以下)
  • プロンプト: screenshot_website、compare_devices
  • 無料プラン: 月 200 枚のスクリーンショット、クレジットカード不要
  • ディレクトリ掲載: Glama の SnapRender(稼働状況の確認済み、ツール品質を評価済み)
Claude(claude.ai および Claude Desktop)

「Customize」を開いてから「Connectors」を選択し、「+ Add」をクリックして「Add custom connector」を選択し、https://app.snap-render.com/mcp を貼り付けます。Claude が SnapRender のサインインウィンドウを開くので、承認するとツールを利用できます。手順ガイド:snap-render.com/claude。

Cursor、VS Code、Windsurf、その他のクライアント

各クライアントのセットアップページをご覧ください。クライアントが対応している場合は、ワンクリックでインストールできます:snap-render.com/ai-connectors。

OAuth の代わりにヘッダーを使用するクライアントの場合:

{
  "mcpServers": {
    "snaprender": {
      "url": "https://app.snap-render.com/mcp",
      "headers": {
        "Authorization": "Bearer sk_live_your_key_here"
      }
    }
  }
}
任意の MCP クライアント(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"}}}'

サーバーは Mcp-Session-Id ヘッダーを返します。セッションを再利用するには、以降のリクエストにこのヘッダーを含めてください。

Smithery

Smithery 経由でインストールすると、任意の MCP クライアントで自動セットアップできます。

ローカル MCP サーバー(npm)

stdio トランスポートを使ってローカルで実行する場合:

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

詳しいドキュメントは mcp-server/ をご覧ください。

リモートとローカルの比較
リモート(ホスト型)ローカル(npx)
インストール不要。HTTPS URL のみNode.js + npx が必要
トランスポートStreamable HTTPstdio
サインインOAuth または API キーAPI キー(SNAPRENDER_API_KEY)
用途Claude、ChatGPT、Cursor、任意の MCP クライアントローカルサーバーのみを実行するクライアント

MCP ツール

ホスト型サーバーと npm パッケージでは、同じ 11 個のツールを利用できます。パラメーターは各ツールのスキーマと API ドキュメントに記載されています。

ツール機能コスト
take_screenshotURL を PNG、JPEG、WebP または PDF としてキャプチャします。デバイスのプリセット、ページ全体、ダークモード、広告や Cookie バナーの削除、セレクターの非表示やクリックに対応します1 回のキャプチャ(キャッシュされたコピーは無料)
check_screenshot_cache指定したオプションでのキャプチャがすでにキャッシュされているかを確認します無料
get_usage今月のキャプチャ使用数と残数、上限、リセット日を確認します無料
sign_screenshot_url開くとスクリーンショットをレンダリングする署名付きリンクを作成します。API キーは不要です開いたときに 1 回のキャプチャ
extract_contentページを Markdown、テキスト、HTML、記事、リンクまたはメタデータとして読み取ります1 回のキャプチャ(失敗は無料)
batch_screenshots1 つのバックグラウンドジョブで最大 50 個の URL をキャプチャしますURL ごとに 1 回のキャプチャ(失敗分は返金)
get_batch_statusバッチジョブのステータスを確認し、ダウンロードリンクを取得します無料
list_webhooksWebhook サブスクリプションを一覧表示します無料
create_webhookバッチの完了、クォータの残量低下、またはスケジュールされたキャプチャの変更時に通知を受け取ります無料
delete_webhookWebhook サブスクリプションを削除します無料
test_webhookWebhook にテストペイロードを送信します無料

エージェントフレームワークとの連携

フレームワークディレクトリ説明
LangChain Pythonlangchain/LangChain/LangGraph エージェント向けの @tool デコレーター付き関数(PyPI)
LangChain.jslangchain-js/LangChain.js エージェント向けの StructuredTool クラス(npm)
CrewAIcrewai/CrewAI エージェント向けの BaseTool サブクラス(PyPI)
AutoGenautogen/Microsoft AutoGen エージェント向けの FunctionTool ラッパー(PyPI)
n8n別リポジトリn8n ワークフロー向けのコミュニティノード(npm)

その他の連携

連携説明セットアップ時間
OpenClaw SkillOpenClaw AI エージェント向けのスキルファイル5 分
ChatGPT ActionsCustom GPT と OpenAI の関数呼び出し向けの OpenAPI 仕様5 分
Postman CollectionPostman 用の事前構築済み API リクエスト1 分

SDK

# Node.js
npm install snaprender

# Python
pip install snaprender

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

API キーを取得する

snap-render.com で無料登録してください。月 200 枚のスクリーンショットを利用でき、クレジットカードは不要です。

リンク

ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。