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

エージェントがMicrolink MCPを介して、指定されたURLのスクリーンショットを実行します。ページ全体のキャプチャ、特定のUI要素の抽出、さらにはモバイル端末のエミュレーションによる表示確認も可能です。生成された画像はチャット画面に直接表示されます。

1. 01

   対象の特定

   エージェントがプロンプトを解析し、対象のURLと表示したいビューを特定します。

   take_screenshot
2. 02

   キャプチャの実行

   エージェントがスクリーンショットツールを使用してサイトにアクセスし、画像を撮影します。

   take_screenshot
3. 03

   エミュレーションの適用

   モバイル表示が指定されている場合、撮影前にビューポートのサイズを調整します。

   take_screenshot
4. 04

   画像の表示

   生成された画像がチャットウィンドウに送られ、すぐに確認できるようになります。

   take_screenshot

Microlink Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_oQj3CwHyFt2PqndYyKroiBBKDimeR5ZnHQGVy4GR/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 — Microlink capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "microlink-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_oQj3CwHyFt2PqndYyKroiBBKDimeR5ZnHQGVy4GR/mcp"
    }
  }
}

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

お使いのクライアントにMCPをワンクリックで接続できます。認証情報は暗号化されて保護されるため、すぐにスクリーンショットの依頼を開始できます。

• 01

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

  いいえ。このMCPは画像のキャプチャを目的としており、ページ上の要素を操作したりクリックしたりすることはできません。

• 02

  AIはウェブサイトの内容を書き換えることができますか？

  いいえ。AIはサイトの現在の状態をスナップショットとして撮るだけです。テキストやコードを修正することはできません。

• 03

  iPhoneでの表示を確認することはできますか？

  はい。エージェントにモバイルエミュレーションを使用するよう指示すれば、モバイルレイアウトのキャプチャが可能です。

• 04

  特定のdivやボタンだけをキャプチャできますか？

  はい。ページ全体ではなく、特定のUI要素に焦点を当てるよう指示できます。

• 05

  画像ファイルはPCに自動保存されますか？

  いいえ。画像はチャットインターフェース上に表示されます。ローカルに保存が必要な場合は、ご自身で保存してください。

• Microlinkについてさらに詳しく Microlink Connectorの全機能を見る