mcpField
W
Website Screenshot & PDF

Website Screenshot & PDF

リモート
apify.comその他0今日更新
リポジトリ公式サイト

Website Screenshot & PDF について

Website Screenshot & PDFは、Webサイトや指定したHTMLを画像、PDF、スクロール動画として取得するリモートMCPサーバーです。視覚的なキャプチャ、ページテキスト、共有可能なファイルリンクが必要なエージェントやMCPクライアント向けです。

主な機能

  1. 01全ページ、表示領域、要素、範囲のキャプチャ
  2. 02PNG、JPEG、WebP、PDF、MP4、GIF出力
  3. 03デバイスプリセットと機種指定
  4. 04Cookieバナーと広告の処理
  5. 05認証ページのキャプチャ設定
  6. 06ページテキストと公開ファイルリンク

活用シーン

  1. 01Webサイト全体のスクリーンショット作成
  2. 02印刷向けPDFとしてページを出力
  3. 03指定デバイスの表示でサイトをキャプチャ
  4. 04スクロール動画の録画やページテキストの取得

MCP 対応

リモートのStreamable HTTP MCPサーバーとして、Apify Website Screenshot & PDF Actorのキャプチャ機能を公開します。リモートMCP非対応のクライアントはstdioでローカル接続できます。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://mcp.apify.com/?tools=devdeep/website-screenshot-pdf
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

README(原文)English

プロジェクトの README より

この README の日本語訳はまだありません。以下は英語の原文です。日本語の紹介はページ上部をご覧ください。

Website Screenshot MCP: screenshots, PDFs and scrolling videos for AI agents

Give your AI agent eyes on the web. One tool that captures any website, or your own HTML, as a PNG, JPEG or WebP screenshot, a PDF, or a scrolling MP4/GIF video, and returns a public link to the file.

It runs as a remote MCP server (Streamable HTTP), so there's nothing to install or host. Under the hood it calls the Website Screenshot & PDF Actor on Apify.

https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf

What your agent can do with it

  • Full page or first screen: capture the whole page top to bottom, just the first screen, a custom height, one element (CSS selector) or an exact region.
  • Formats: PNG, JPEG, WebP, PDF (A4, Letter, Legal and more, or one long page) and scrolling MP4 or GIF.
  • Devices: desktop, laptop, MacBook, iPad, iPhone, Android, social card, or any of 200+ exact device models. Retina 2x/3x and dark mode.
  • Clean captures: cookie banners hidden or clicked (accept or reject), ads blocked, sticky headers fixed so they don't repeat, lazy images loaded, emoji and Asian scripts rendered.
  • Logged-in pages: cookies, extra headers, HTTP basic auth, language, time zone, location and proxy.
  • Page text for AI: get the page's visible text and meta description in the same call.
  • Fair billing: you pay only for captures that succeed. Failed pages are free.

Connect

Claude (claude.ai and Claude Desktop)

Go to Settings → Connectors → Add custom connector, paste the URL below, and sign in to Apify when asked.

https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf
Claude Code
claude mcp add --transport http website-screenshot "https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf"
Cursor, Windsurf, VS Code and other MCP clients
{
  "mcpServers": {
    "website-screenshot": {
      "url": "https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf"
    }
  }
}

Your client opens an Apify sign-in on first use (OAuth). If your client doesn't support OAuth, send your Apify API token as a header instead:

{
  "mcpServers": {
    "website-screenshot": {
      "url": "https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf",
      "headers": { "Authorization": "Bearer <APIFY_TOKEN>" }
    }
  }
}

Get a token in Apify Console → Settings → API & Integrations. A free Apify account includes monthly credit.

Local (stdio), for clients without remote MCP support
{
  "mcpServers": {
    "website-screenshot": {
      "command": "npx",
      "args": ["-y", "@apify/actors-mcp-server", "--tools", "devdeep/website-screenshot-pdf"],
      "env": { "APIFY_TOKEN": "<APIFY_TOKEN>" }
    }
  }
}

Try these prompts

Main inputs

InputWhat it doesExample
urls / url / htmlPages to capture, or your own HTML["https://apify.com"]
captureModefullPage, viewport, customHeight, element, region"fullPage"
formatpng, jpeg, webp, pdf, mp4, gif"webp"
device / devicePresetScreen type, or an exact model"mobile" / "iPhone 15 Pro"
elementSelectorCSS selector when captureMode is element"#pricing"
cookieBannershide, accept, reject, off"accept"
darkModeDark colour schemetrue
thumbnailWidthAlso return a small JPEG preview400
includePageTextAlso return the page's texttrue
pdfPaperA4, Letter, Legal… or singlePage"A4"
videoSecondsLength of the scrolling video8

The full list (55 options) is on the Actor's input page.

What comes back

One result per page:

{
  "url": "https://apify.com/",
  "status": "success",
  "screenshotUrl": "https://api.apify.com/v2/key-value-stores/…/records/0001-apify-com.png",
  "thumbnailUrl": "https://api.apify.com/v2/key-value-stores/…/records/0001-apify-com-thumb.jpg",
  "format": "png",
  "width": 1920,
  "height": 10052,
  "title": "Apify: Marketplace of ready-to-run tools for AI",
  "error": null
}

status is success, failed (with an error, not charged) or skipped (the run hit its maximum cost, not charged).

Use it without MCP (REST API)

curl -X POST "https://api.apify.com/v2/acts/devdeep~website-screenshot-pdf/run-sync-get-dataset-items?token=$APIFY_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{"urls": ["https://apify.com"], "format": "png", "captureMode": "fullPage"}'

More examples are in examples/: Node.js, Python and cURL.

Pricing

Pay per successful capture, with no subscription:

EventPrice
Screenshot or PDF$0.005 ($5 per 1,000)
Scrolling MP4/GIF video$0.02

Failed and skipped pages are free; thumbnails and page text are included. See the live pricing.

Ready-made examples

All of them are listed on the examples page.

Support

Found a problem or need a feature? Open an issue here or on the Actor's Issues tab.

Only capture pages you're allowed to access, and use cookies or passwords only for accounts you own.

License

The examples and configuration in this repository are MIT licensed. The screenshot service itself runs on Apify.

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。