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 認証

要件

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

クイックスタート

MCP サーバー URL

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

https://mcp.pagepixels.com/mcp

OAuth をサポートするリモート MCP サーバー対応クライアントの場合、認証は標準の MCP OAuth 2.1 フロー（PKCE）を介して処理されます。初回接続時にブラウザのプロンプトから承認してください。

例：Claude.ai Web

1. 設定（左下）を開く

2. コネクタを選択

3. カスタムコネクタを追加をクリック

4. サーバー URL を入力：

   https://mcp.pagepixels.com/mcp

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

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

ツール

スクリーンショット撮影

スクリーンショット設定管理

スクリーンショット履歴

変更通知

ドメイン調査

複数画像 AI 分析

アカウントとユーティリティ

使用例

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

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

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

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

"https://example.com にアクセスし、ログインボタンをクリックして、メールフィールドに test@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), quality (JPEG の場合 1–100), サムネイル

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

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

• インジェクション: カスタムページ修正用の js_inject, css_inject

• プライバシー: no_ads, no_cookie_banners, no_tracking

• 地理的ロケーション: real_location (150 以上のロケーション)

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

• カスタムクッキーとヘッダー: cookies, headers

• 要素キャプチャ: 特定の DOM 要素をキャプチャするための selectors

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

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

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

マルチステップ操作

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

[
  { "type": "click", "selector": "#login-btn" },
  { "type": "text_field", "selector": "#email", "value": "user@example.com" },
  { "type": "text_field", "selector": "#password", "value": "secret" },
  { "type": "submit" },
  { "type": "wait_for_selector", "selector": ".dashboard" }
]

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

認証

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

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

トランスポート

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

https://mcp.pagepixels.com/mcp

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

関連情報

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

• screenshots-pagepixels — Node.js API クライアント

• screenshots-pagepixels (PyPI) — Python API クライアント

• screenshots_pagepixels (RubyGems) — Ruby API クライアント

• Model Context Protocol — MCP 仕様

ライセンス

MIT