mcpField
S
Screenshotline

Screenshotline

リモート
screenshotline.comブラウザ自動化06 週間前に更新
リポジトリ公式サイト

Screenshotline について

Screenshotlineは、レンダリング済みのWebページを画像または整形されたMarkdownで扱うMCPサーバーです。一般的なページ上のオーバーレイを除去し、JavaScriptで生成される内容もレンダリングします。

主な機能

  1. 01ページの画像キャプチャ
  2. 02ページ本文のMarkdown抽出
  3. 03JavaScriptページのレンダリング
  4. 04バナー、広告、ポップアップの除去

活用シーン

  1. 01ページレイアウトの視覚的な確認
  2. 02動的サイトからのテキスト抽出

MCP 対応

MCPクライアントに `screenshot` と `read_page` ツールを提供します。MCPブリッジはScreenshotlineのレンダリングAPIに接続し、セルフホストのインスタンスも指定できます。

設定

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

エンドポイントhttps://api.screenshotline.com/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

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

すべてのエンドポイント
Streamable HTTPhttps://api.screenshotline.com/mcp認証が必要

ツール

2
パラメーター型必須説明
urlstringはい撮影するページ。http または https が必要です。
formatenumいいえデフォルトは png。png | jpeg | webp
selectorstringいいえこの CSS セレクターに一致する要素のみを撮影します。
block_adsbooleanいいえ広告ネットワークをブロックし、空の広告枠を折りたたみます。デフォルトは true です。
full_pagebooleanいいえビューポートだけでなく、スクロール可能なページ全体を撮影します。
block_chatsbooleanいいえライブチャットウィジェットを削除します。デフォルトは true です。
block_popupsbooleanいいえニュースレターや寄付のインタースティシャルを削除します。デフォルトは true です。
color_schemeenumいいえページをライトモードまたはダークモードで描画します。light | dark
viewport_widthnumberいいえビューポートの幅(ピクセル単位)。デフォルトは 1280 です。
viewport_heightnumberいいえビューポートの高さ(ピクセル単位)。デフォルトは 800 です。
block_cookie_bannersbooleanいいえ同意バナーを削除します。デフォルトは true です。

詳細

screenshotline-mcp

エージェントに次の2つのツールを提供する MCP サーバーです。

  • screenshot — レイアウトが答えになる場合に、ウェブページを画像としてキャプチャします。
  • read_page — ページをレンダリングしてから、テキストを整った Markdown として返します。

ページは完全にレンダリングされます。JavaScript が実行され、同意バナーが削除され、遅延読み込み画像が読み込まれ、広告、チャットウィジェット、ニュースレターのポップアップが取り除かれます。そのため、read_page は通常の HTTP フェッチでは有用な内容が何も返されないサイトでも機能します。 キャプチャが空白で返された場合は、そのページであるかのように説明するのではなく、警告として報告します。

インストール

screenshotline.com/account で無料のキーを取得してください。月500回のレンダリングが利用でき、カードは不要です。その後、Claude Code で次を実行します。

claude mcp add screenshotline -e SCREENSHOTLINE_ACCESS_KEY=sl_live_... -- npx -y screenshotline-mcp

または、任意の MCP クライアントの JSON 設定(Claude Desktop、Cursor など)で次を設定します。

{
  "mcpServers": {
    "screenshotline": {
      "command": "npx",
      "args": ["-y", "screenshotline-mcp"],
      "env": { "SCREENSHOTLINE_ACCESS_KEY": "sl_live_..." }
    }
  }
}

セルフホスト

レンダラーはオープンソースです。サーバーを独自のインスタンスに接続すれば、キーを設定している場合を除き、キーは不要です。

SCREENSHOTLINE_BASE_URL=http://localhost:3000 npx -y screenshotline-mcp
変数デフォルト
SCREENSHOTLINE_ACCESS_KEY—API キーです。ホスト型 API では必須です。
SCREENSHOTLINE_BASE_URLhttps://api.screenshotline.com任意の Screenshotline インスタンスです。

このパッケージは MCP ブリッジのみです。1つのファイルと MCP SDK で構成されています。ブラウザーはダウンロードせず、接続先の API でレンダリングが行われます。

ドキュメント:screenshotline.com/docs/extract · ライセンス:AGPL-3.0-or-later

コメント

MCP は初めてですか?

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

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