mcpField
S
SnapRender

SnapRender

リモート
snap-render.comブラウザ自動化33 週間前に更新
リポジトリ公式サイト

SnapRender について

SnapRender は、AI エージェントや MCP クライアント向けにウェブページのキャプチャと内容抽出を行います。ホスト型とローカルの MCP サーバーが、スクリーンショット、抽出、バッチ処理、Webhook のツールを提供します。

主な機能

  1. 01PNG、JPEG、WebP、PDFでページを取得
  2. 02Markdownやテキストで内容を抽出
  3. 03キャッシュと利用状況の確認
  4. 04最大50 URLの一括キャプチャ
  5. 05バッチジョブとWebhookの管理

活用シーン

  1. 01公開ページを指定形式でキャプチャ
  2. 02記事本文やページメタデータの取得
  3. 03複数URLのバックグラウンド処理
  4. 04バッチ完了時の通知受信

MCP 対応

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

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://app.snap-render.com/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

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 つのサーバーを複数のクライアントで再利用できます。