PagePixels スクリーンショット MCP サーバー

PagePixels スクリーンショット API 用の Model Context Protocol (MCP) サーバーです。AI アシスタントが即時およびスケジュールされたスクリーンショットの撮影、生の HTML からの画像生成、ブラウザ操作後のスクリーンショット撮影、自然言語を使用した AI によるウェブサイトドメイン調査を実行できるようにします。

機能

• 即時スクリーンショット — あらゆる URL のキャプチャ、または生の HTML をオンデマンドで画像にレンダリング

• マルチステップブラウザ操作 — クリック、入力、フォーム送信、ページ遷移、要素の待機を行ってからキャプチャ

• スケジュールされたスクリーンショット — 分、時、日、週、月、年単位で定期的なキャプチャ設定を作成

• リアルロケーション・スクリーンショット — 150以上の地理的拠点（国、米国の州、主要都市）からスクリーンショットを撮影

• AI 分析スクリーンショット — スクリーンショットを撮影し、カスタムテキストプロンプトに基づいて AI に画像を分析させる

• カスタム HTML スクリーンショット — MCP クライアントで利用可能な HTML やデータからスクリーンショットを作成

• 複数画像 AI 分析 — 最大5枚の画像と5つのプロンプトを AI に比較させる

• HTML 抽出 — JavaScript を使用して HTML を生成するウェブサイトから、AI が CSS セレクターを見つけて HTML コンテンツを取得できるようにする

• ウェブサイトドメイン調査 — 複数のドメインにわたる AI を活用した構造化データ抽出

• 完全な設定管理 — スクリーンショット設定の作成、読み取り、更新、削除、一覧表示をプログラムで実行

• OAuth 2.1 認証 — Streamable HTTP トランスポートを介した、仕様準拠の安全な MCP 認証

Related MCP server: rendex-mcp

要件

• PagePixels アカウント（無料枠あり — 支払い情報は不要）

クイックスタート

MCP サーバー URL

クライアントを以下に向けて、Streamable HTTP 経由で接続します：

https://mcp.pagepixels.com/mcp

例：Claude.ai Web

1. Customize（ツールボックスアイコン）を開きます。

2. Connectors を選択します。

3. Add をクリックし、Add custom connector オプションを選択します。

4. サーバー URL を入力します：

   https://mcp.pagepixels.com/mcp

5. ブラウザでプロンプトが表示されたら、OAuth 認証を完了します。

接続が完了すると、新しい会話すべてで PagePixels ツールが利用可能になります。

ツール

即時スクリーンショットのキャプチャ

スケジュールされたスクリーンショット

スクリーンショット履歴

リアルロケーション

複数画像 AI 分析

ウェブサイトドメイン調査

変更通知

アカウント

使用例

接続後、AI アシスタントと自然に対話できます：

スクリーンショットを撮影：

"https://example.com のスクリーンショットを PNG 形式、幅 540px で撮影し、クッキーバナーを削除して"

マルチステップキャプチャ：

"https://example.com にアクセスし、検索フィールドに '検索するテキスト' を入力してフォームを送信し、フルページのスクリーンショットを撮影して"

定期的な監視：

"https://example.com/pricing のスクリーンショットを6時間ごとに撮影して"

地理的拠点からのキャプチャ：

"日本から https://example.com のスクリーンショットを撮影して。撮影前に 6000ms 待機して"

ドメイン調査：

"これら5つの競合ドメインを調査し、価格帯、設立年、チーム規模を抽出して"

アカウントの概要：

"現在の利用状況と残りのクレジットを表示して"

キャプチャオプション

snap および snap_html ツールは広範な設定をサポートしています：

• ビューポート: page_width, page_height, scale_factor (1x または 2x Retina)

• 出力: image_format (jpeg, png, webp, pdf), quality (JPEG の場合 1–100), サムネイル

• フルページ: fullpage, fullpage_advanced, 遅延読み込みコンテンツ用の incremental_scroll

• 要素キャプチャ: 特定の DOM 要素をスクリーンショットするための selectors

• タイミング: wait (キャプチャ前の ms 遅延), wait_for (表示されるのを待つ CSS セレクター)

• カスタムスタイル: css_inject

• スクリプト: js_inject

• 削除/無効化: no_ads, no_cookie_banners, no_tracking

• 地理的位置: real_location (150以上の拠点), time_zone, accept_language

• AI 分析: カスタムテキストプロンプトに基づいてスクリーンショットを分析するための analyze_image_with_ai および ai_prompt

• 認証とヘッダー: cookies, headers, user_agent

• HTML 抽出: 画像の代わりに完全にレンダリングされた HTML を返すための html_only

• キャッシュ: キャッシュ期間を制御するための ttl (0 は常に最新)

スクリーンショットオプションの全リストを見る。

マルチステップ操作

multi_step_actions を使用して、キャプチャ前にブラウザ操作を自動化します：

[
  { "type": "wait_for_selector", "selector": "#email" }
  { "type": "text_field", "selector": "#email", "value": "user@example.com" },
  { "type": "text_field", "selector": "#password", "value": "secret" },
  { "type": "submit" },
  { "type": "wait", "value": "8000" },
  { "type": "click", "selector": ".chart-filter" }
]

サポートされているアクションタイプ: click, hover, change, redirect, javascript, evaluateJs, css, text_field, select, checkbox, submit, wait, wait_for_selector

MCP ヘルプガイドのマルチステップセクションを見る

認証

認証は、PKCE を使用した標準的な MCP OAuth 2.1 フローを通じて処理され、DCR (Dynamic Client Registration) を使用します。Claude.ai、Cursor、またはその他の OAuth 対応 MCP クライアントを通じて接続する場合、初回接続時にブラウザのプロンプトから承認してください。手動での API キー設定は不要です。

MCP 外からのプログラムによるアクセスについては、PagePixels API ドキュメントを参照してください。

トランスポート

このサーバーは、以下でホストされている MCP Streamable HTTP トランスポートを使用します：

https://mcp.pagepixels.com/mcp

リモートの Streamable HTTP サーバーをサポートするすべての MCP クライアントが直接接続できます。すべての接続において、PKCE を使用した OAuth 2.1 が強制されます。

リソース

• スクリーンショット MCP サーバーヘルプガイド — PagePixels MCP サーバーの使用ガイド

• PagePixels ドキュメント — 完全な API リファレンス

• Model Context Protocol — MCP 仕様

サポート

PagePixels へのメールでのお問い合わせ：

support-tickets@pagepixels.com

または、サポートフォームからお問い合わせください。

ライセンス

MIT