mcpField
S

shotbot-mcp

ローカル
@shotbot.netブラウザ自動化

shotbot-mcp について

AI エージェント向けのスクリーンショット API：任意の公開 URL を JPEG、PNG、WebP、AVIF、PDF として取得。

設定

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

mcp.json · 共通設定
{
  "mcpServers": {
    "net-shotbot-shotbot": {
      "command": "npx",
      "args": [
        "-y",
        "shotbot-mcp"
      ],
      "env": {
        "SHOTBOT_API_KEY": "<SHOTBOT_API_KEY>"
      }
    }
  }
}
起動コマンドnpx -y shotbot-mcp
設定が必要な環境変数
SHOTBOT_API_KEYシークレットYour Shotbot API key (12 characters). Get a free one at https://www.shotbot.net/screenshot-api-key/

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

パッケージ
npmshotbot-mcp2.0.1

ツール

4

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

パラメーター型必須説明
cdnbooleanいいえtrue の場合、結果をパブリック CDN に公開し、永続的な画像 URL を返します。デフォルトでは、キャプチャは非公開（CDN にアップロードされません）です。get_status から取得できるダウンロード URL を使用してください。短い保持期間が過ぎると自動的に期限切れになります。
urlstringはいキャプチャする公開 http/https URL（必須）
nojsbooleanいいえページを読み込む前に JavaScript を無効にします。
waitintegerいいえページの読み込み後、キャプチャ前に待機する秒数。無料：0-5、Pro：0-30。デフォルト：5。
frameenumいいえレンダリング画像の周囲に合成する装飾フレーム（PDF では無視）。バリエーション：rounded（角を丸くクリップ、パディングなし）、shadow（ドロップシャドウ + 角丸）、browser_chrome / browser_chrome_dark（信号機ボタン + URL バー付きのブラウザーウィンドウ、ライト/ダーク）、mobile/mobile_light（スマートフォンのモックアップ、ダーク/ライトのベゼル）、tablet/tablet_light（タブレットのモックアップ、ダーク/ライトのベゼル）、laptop（ノート PC のモックアップ）、polaroid（白い縁取り + ソフトシャドウ）、gradient（ライムアクセントのグラデーション背景に角丸スクリーンショット）、shotbot_brand（ライム色の角括弧）。無料アカウントでは、空でないフレームの右下に小さな shotbot.fr/.net マークが付きます。Pro アカウントでは、すべてのバリエーションでマークのないフレームになります。 | rounded | shadow | browser_chrome | browser_chrome_dark | mobile | mobile_light | tablet | tablet_light | laptop | polaroid | gradient | shotbot_brand
hidpibooleanいいえデバイスピクセル比 2×（Retina / HiDPI）でレンダリングします。出力解像度が 2 倍になります。
ratiostringいいえクロップ比率。例："16:9"（デフォルト）、"4:3"、"1:1"、"9:16"。
formatenumいいえ出力形式。デフォルト：jpg。png、webp、webp_lossless、avif、pdf は Pro のみ（Pro 以外のアカウントは jpg のみ）。jpg | png | webp | webp_lossless | avif | pdf
presetenumいいえ名前付き出力バンドル | viewport_width / output_size / crop_height を設定します。og=1200×630（ソーシャルカード）、mobile=390×844（iPhone）、square=1080×1080、reel=1080×1920、pinterest=1000×1500、youtube_thumbnail=1280×720、tablet=768×1024。Pro プリセット：desktop=1440×900、desktop_hd=1920×1080、twitter_header=1500×500、linkedin_banner=1584×396、hero_banner=1920×600。 | og | mobile | youtube_thumbnail | square | reel | pinterest | tablet | desktop | desktop_hd | twitter_header | linkedin_banner | hero_banner
cookiesarrayいいえナビゲーション前に挿入する Cookie（セッションが必要なページのキャプチャなどに使用）。最大 50 個。Pro のみ。
fullpagebooleanいいえページ全体の高さをキャプチャします（最大 30000 px）。デフォルト：false。
selectorstringいいえCSS セレクター：出力を一致する要素に切り取ります。Pro のみ、PDF を除く。
block_adsbooleanいいえ広告とトラッカーをブロックします。Pro のみ。
http_authobjectいいえパスワード保護されたページ用の HTTP Basic Auth 認証情報。Pro のみ。
http_auth.passstringいいえ
http_auth.userstringはい
pdf_scalenumberいいえPDF のレンダリング倍率、0.10-2.00（format=pdf の場合のみ）。デフォルト：1.0。
scroll_tostringいいえキャプチャ前に要素を表示位置までスクロールするための CSS セレクター（フレーム上端に配置）。通常は要素 ID です。例："#pricing"。querySelector で解決します。selector とは異なり、出力は切り取りません。scroll_offset_px とは併用できません。要素が見つからない場合は何もしません。fullpage/PDF/selector では何もしません。Pro のみ。
crop_heightintegerいいえカスタム出力高さ（px）。上端から切り取ります。最大 30000。Pro のみ。
output_sizeintegerいいえ出力画像の幅（px）。デフォルトは viewport_width です。
callback_urlstringいいえ完了後、結果をこの HTTPS URL に POST します。ポーリングは行いません。
color_schemeenumいいえprefers-color-scheme メディアクエリーをエミュレートします。dark | light
pdf_landscapebooleanいいえPDF を横向きでレンダリングします（format=pdf の場合のみ）。
pdf_margin_mmintegerいいえPDF ページの余白（ミリメートル単位）、0～50（format=pdf のみ）。デフォルトは 10 です。
pdf_page_sizeenumいいえPDF ページサイズ（format=pdf のみ）。デフォルトは A4 です。A4 | A3 | A5 | Letter | Legal | Tabloid
render_regionenumいいえ実際のローカル IP を使用する地理的なレンダリング場所。デフォルトの fr-paris は無料です。ca-montreal、sg-singapore（ベータ）、au-sydney（ベータ）、vn-hanoi（ベータ）は Pro 向けです。 | fr-paris | ca-montreal | sg-singapore | au-sydney | vn-hanoi
viewport_widthintegerいいえブラウザーのビューポート幅（px）。無料：390、768、1280。Shotbot Pro：280～3840 の任意の幅を指定可能（CSS／レスポンシブテスト用）。デフォルト：1280。
autoplay_videosbooleanいいえChromium を --autoplay-policy=no-user-gesture-required 付きで起動し、ミュートされていない <video autoplay> 要素をユーザー操作なしで再生します。ヒーロー動画のあるページに便利です。Pro のみ。
callback_secretstringいいえ検証用にコールバックペイロードで返される共有シークレット。
dismiss_cookiesenumいいえCookie バナーを自動的に処理します。Pro のみ。 | accept | reject
omit_backgroundbooleanいいえビューポートの背景を透明にしてレンダリングします（Chromium omitBackground）。PNG/WebP/AVIF で有効です。JPG は黒で塗りつぶされます。PDF には影響しません。Pro のみ。
scroll_offset_pxintegerいいえキャプチャ前に指定した px 数（0～30000）だけ下にスクロールし、より下の位置からフレームを開始します。scroll_to とは併用できません。fullpage/PDF/selector には適用されません。Pro のみ。
emulate_print_mediabooleanいいえキャプチャ前にページの印刷用スタイルシート（page.emulateMediaType("print")）を適用します。印刷レイアウトを画像としてキャプチャする場合に便利です。PDF には追加の効果はありません（すでに印刷モードです）。Pro のみ。
scroll_before_capturebooleanいいえキャプチャ前にページ全体をスクロールし、遅延読み込みコンテンツ（画像、無限スクロール、画面下部のコンテンツ）をレンダリングします。fullpage=true と併用することをおすすめします。Pro のみ。
prefers_reduced_motionbooleanいいえprefers-reduced-motion: reduce CSS メディア特性をエミュレートします。適切に構築されたサイトでは、これを利用してアニメーション（framer-motion、GSAP、AOS、IntersectionObserver reveals）をスキップまたは短縮するため、キャプチャにはアニメーション途中ではなく安定後の状態が表示されます。無料プランで利用可能です。

詳細

メンテナーはまだ詳細を追加していません。リポジトリの README をご覧ください。

コメント

Markdown 対応

MCP は初めてですか？

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

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