Screenshotline について
Screenshotlineは、レンダリング済みのWebページを画像または整形されたMarkdownで扱うMCPサーバーです。一般的なページ上のオーバーレイを除去し、JavaScriptで生成される内容もレンダリングします。
主な機能
- 01ページの画像キャプチャ
- 02ページ本文のMarkdown抽出
- 03JavaScriptページのレンダリング
- 04バナー、広告、ポップアップの除去
活用シーン
- 01ページレイアウトの視覚的な確認
- 02動的サイトからのテキスト抽出
MCP 対応
MCPクライアントに `screenshot` と `read_page` ツールを提供します。MCPブリッジはScreenshotlineのレンダリングAPIに接続し、セルフホストのインスタンスも指定できます。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://api.screenshotline.com/mcpclaude mcp add --transport http mamubeenkhan-screenshotline https://api.screenshotline.com/mcp{"mcpServers":{"mamubeenkhan-screenshotline":{"type":"http","url":"https://api.screenshotline.com/mcp"}}}Cursor で開く{"servers":{"mamubeenkhan-screenshotline":{"type":"http","url":"https://api.screenshotline.com/mcp"}}}VS Code で開く{"mcpServers":{"mamubeenkhan-screenshotline":{"type":"http","url":"https://api.screenshotline.com/mcp"}}}{"mcpServers":{"mamubeenkhan-screenshotline":{"serverUrl":"https://api.screenshotline.com/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
https://api.screenshotline.com/mcp認証が必要ツール
2| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| url | string | はい | 撮影するページ。http または https が必要です。 |
| format | enum | いいえ | デフォルトは png。png | jpeg | webp |
| selector | string | いいえ | この CSS セレクターに一致する要素のみを撮影します。 |
| block_ads | boolean | いいえ | 広告ネットワークをブロックし、空の広告枠を折りたたみます。デフォルトは true です。 |
| full_page | boolean | いいえ | ビューポートだけでなく、スクロール可能なページ全体を撮影します。 |
| block_chats | boolean | いいえ | ライブチャットウィジェットを削除します。デフォルトは true です。 |
| block_popups | boolean | いいえ | ニュースレターや寄付のインタースティシャルを削除します。デフォルトは true です。 |
| color_scheme | enum | いいえ | ページをライトモードまたはダークモードで描画します。light | dark |
| viewport_width | number | いいえ | ビューポートの幅(ピクセル単位)。デフォルトは 1280 です。 |
| viewport_height | number | いいえ | ビューポートの高さ(ピクセル単位)。デフォルトは 800 です。 |
| block_cookie_banners | boolean | いいえ | 同意バナーを削除します。デフォルトは 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_URL | https://api.screenshotline.com | 任意の Screenshotline インスタンスです。 |
このパッケージは MCP ブリッジのみです。1つのファイルと MCP SDK で構成されています。ブラウザーはダウンロードせず、接続先の API でレンダリングが行われます。
ドキュメント:screenshotline.com/docs/extract · ライセンス:AGPL-3.0-or-later
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。