AIでウェブサイトのスクリーンショットを撮影する方法 Browserbear MCP

AIにURLと指示を出すだけです。AIがBrowserbear MCPを使用してサイトにアクセスし、ビジュアルスナップショットを返します。チャット画面上で、ページの現在の状態をそのまま確認できます。

1. 01

   URLの受信

   エージェントがチャットで提供されたリンクを解析し、撮影対象となる目的地を特定します。

   take_screenshot
2. 02

   キャプチャの実行

   エージェントがブラウザを起動してサイトへ移動します。ページが完全に読み込まれるのを待ってから、画像を撮影します。

   take_screenshot
3. 03

   画像の処理

   ツールが取得したビジュアルデータをエージェントに返します。これにより、画像が確認可能な状態になります。

   take_screenshot
4. 04

   結果の出力

   エージェントがチャットウィンドウにスクリーンショットを表示します。表示された内容について、続けて質問することも可能です。

   take_screenshot

Browserbear Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_kg9BYjzuqJpLSOraZxY02DI1X9KRTKbBI7gJO8S8/mcpコピー

Claude Desktop

以下の手順で数秒で接続できます。

1. 1In Claude Desktop, open Settings → Connectors.
2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3. 3Click Add and start a new chat — Browserbear capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "browserbear-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_kg9BYjzuqJpLSOraZxY02DI1X9KRTKbBI7gJO8S8/mcp"
    }
  }
}

• Claude
• ChatGPT
• Cursor
• VS Code
• Windsurf
• Claude Code
• JetBrains
• Cline

リンクをクリックして接続してください。認証情報は暗号化されて保護されます。接続後はすぐに、お好みのAIクライアントでツールを使用できます。

• 01

  AIはウェブサイト上のボタンをクリックできますか？

  いいえ。このツールは現在のページの状態をスナップショットとして取得するために設計されており、要素の操作やクリックを行うことはできません。

• 02

  AIがサイトのコードを書き換えることはありますか？

  いいえ。AIはページのビジュアル状態を読み取るだけです。ウェブサイトのファイルやデータベースを修正することはできません。

• 03

  ログインが必要なページのスクリーンショットは撮れますか？

  ツールは指定されたURLをキャプチャします。ページがログイン後にしか表示されない場合、AIにはログイン画面のみが見えることになります。

• 04

  AIはこれらの画像をどこかに保存しますか？

  画像はチャットインターフェースに届けられます。AIが自動的にクラウドドライブや外部ストレージにアップロードすることはありません。

• 05

  AIはモバイル版の表示を確認することはできますか？

  ツールはレンダリングされたページをキャプチャします。プロンプトでビューポートの条件を指定することで、異なる表示形式での取得が可能です。

• Browserbearについて他に質問がありますか？ Browserbear Connectorの全機能を見る