Urlbox Full Page Screenshots MCP Server

Urlbox MCP サーバー

Urlbox スクリーンショット API 用の MCP サーバーです。クライアントが Web サイトのスクリーンショット取得、PDF 生成、HTML/Markdown 抽出などを行えるようにします。

詳細については Urlbox をご覧いただき、ドキュメント を読むか、インストール後に LLM とチャットして、そのオプションと機能をよく理解してください。

セットアップ

1. 依存関係のインストールとビルド:

   npm install
   npm run build
   

2. Urlbox API 認証情報の取得:

   • urlbox.com でサインアップ
   • ダッシュボード から API シークレットを取得

3. 環境変数の設定:

claude_desktop_config.json

{
  "mcpServers": {
    "screenshot": {
      "command": "npx",
      "args": ["-y", "@urlbox/screenshot-mcp"],
      "env": {
        "SECRET_KEY": "your_api_key_here"
      }
    }
  }
}

使用方法

サーバーは render ツールを提供し、以下が可能です:

• 複数形式 (PNG、PDF、MP4 など) でのスクリーンショット取得
• ページの HTML、Markdown への変換
• メタデータと Cookie の抽出
• store_renders: true を使用したローカルのダウンロードフォルダへのファイル保存

Web サイトのスクリーンショットや Web コンテンツの変換を依頼すると、Claude が自動的にこれを使用します。

便利なプロンプト

広告や Cookie バナーなしのクリーンなスクリーンショットを取得:

Take a screenshot of https://example.com but block ads and hide cookie banners

スクリーンショットを取得し、HTML/Markdown などのサイドレンダリングを保存:

Take a screenshot of https://example.com and also save it as HTML and markdown. Download the result to my computer.

ページ全体の PDF を生成:

Convert https://urlbox.com to a PDF and save it to my computer. Make sure to generate a PDF that has an outline and is tagged.