プロトタイプ · プレビュー版:公式レジストリのすべてのサーバーを掲載し、30分ごとに同期しています。レビューとアカウント機能は今後のステップで始まります。
PopNx MCPAIを使う人のためのMCPサーバー · やさしい言葉で解説

OpenScreenShot

作者:PGHQdevバージョン 2.5.2i★ –iパソコンでもクラウドでも
レジストリ名io.github.PGHQdev/openscreenshot

インストール

概要

作者による説明(英語の原文)

Capture website screenshots (viewport or full page) with local Chrome, or on OpenScreenShot Cloud.

PopNx MCPの3つの柱

この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。

できること

このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。

  • 接続方法: パソコンでもクラウドでも
  • トランスポート: stdio, Streamable HTTP
  • カテゴリ: ウェブ・ブラウザ
  • 入力が必要なもの:OPENSCREENSHOT_API_KEY, Authorization

インストール

使っているAIアプリを選んで、設定をコピーしてください。

インストールの前に

  • 基本チェック:1項目中1項目に合格
  • 作者のサーバーで動きます。あなたが頼んだ内容は、作者のサーバーを通ります。
  • 自分で入力するもの: CHROME_PATH, OPENSCREENSHOT_API_KEY, OPENSCREENSHOT_CLOUD_URL, Authorization

「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。

必要なもの

  • クラウドで動くインストール不要。インターネット経由でつながります
  • npmNode.jsのインストール(npxコマンドに必要)

どのアプリを使っていますか?

上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。

このアドレスはリクエストの header にキーが必要ですが、コネクタを追加するメニューでは設定できません。代わりにClaude Code、Cursor、VS Codeを使ってください。

または、パソコンで動かす

Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます

{
  "mcpServers": {
    "openscreenshot": {
      "command": "npx",
      "args": [
        "-y",
        "openscreenshot"
      ],
      "env": {
        "CHROME_PATH": "your-value",
        "OPENSCREENSHOT_API_KEY": "your-value",
        "OPENSCREENSHOT_CLOUD_URL": "your-value"
      }
    }
  }
}

ターミナルでこれを実行します

claude mcp add --transport http openscreenshot https://cloud.openscreenshot.app/mcp --header 'Authorization: your-value'

または、パソコンで動かす

claude mcp add openscreenshot --env CHROME_PATH=your-value --env OPENSCREENSHOT_API_KEY=your-value --env OPENSCREENSHOT_CLOUD_URL=your-value -- npx -y openscreenshot

動かす前に、空欄の値を入力してください。

Cursorで開く

または、設定を自分でコピーする

プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます

{
  "mcpServers": {
    "openscreenshot": {
      "url": "https://cloud.openscreenshot.app/mcp",
      "headers": {
        "Authorization": "your-value"
      }
    }
  }
}

または、パソコンで動かす

Cursorで開く

または、設定を自分でコピーする

プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます

{
  "mcpServers": {
    "openscreenshot": {
      "command": "npx",
      "args": [
        "-y",
        "openscreenshot"
      ],
      "env": {
        "CHROME_PATH": "your-value",
        "OPENSCREENSHOT_API_KEY": "your-value",
        "OPENSCREENSHOT_CLOUD_URL": "your-value"
      }
    }
  }
}

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

VS Codeで開く

または、設定を自分でコピーする

プロジェクトの .vscode/mcp.json に貼り付けます

{
  "servers": {
    "openscreenshot": {
      "type": "http",
      "url": "https://cloud.openscreenshot.app/mcp",
      "headers": {
        "Authorization": "your-value"
      }
    }
  }
}

または、パソコンで動かす

VS Codeで開く

または、設定を自分でコピーする

プロジェクトの .vscode/mcp.json に貼り付けます

{
  "servers": {
    "openscreenshot": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "openscreenshot"
      ],
      "env": {
        "CHROME_PATH": "your-value",
        "OPENSCREENSHOT_API_KEY": "your-value",
        "OPENSCREENSHOT_CLOUD_URL": "your-value"
      }
    }
  }
}

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

このアドレスはリクエストの header にキーが必要ですが、コネクタを追加するメニューでは設定できません。代わりにClaude Code、Cursor、VS Codeを使ってください。

選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。

自分で入力する値

  • CHROME_PATH env
    Path to a Chrome, Chromium, or Edge executable. Leave unset to auto-detect.
  • OPENSCREENSHOT_API_KEY 秘密 env
    API key for OpenScreenShot Cloud, used with cloud: true. Not needed for local captures.
  • OPENSCREENSHOT_CLOUD_URL env
    OpenScreenShot Cloud base URL for cloud: true. Defaults to https://cloud.openscreenshot.app.
  • Authorization 秘密 必須 HTTP header
    Bearer osc_live_… API key from openscreenshot auth login or the Cloud dashboard

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

できること

このサーバーのツール一覧はまだ読み取っていません。エンドポイントは順番にチェックしています。

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック

  • ✓ 合格

    作者とリポジトリが一致

    レジストリ名は、リポジトリを所有するGitHubアカウント PGHQdev で確認済みです

  • … 未チェック

    今もメンテナンスされている

    このリポジトリはまだGitHubから読み取っていません

  • … 未チェック

    ライセンスがある

    このリポジトリはまだGitHubから読み取っていません

  • … 未チェック

    エンドポイントが応答する

    まだチェックしていません。エンドポイントは順番にチェックしています

  • … 未チェック

    OAuthでサインイン

    まだチェックしていません。エンドポイントは順番にチェックしています

  • … 未チェック

    ツールの説明に隠れた指示がない

    まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります

ウェブ・ブラウザのほかのサーバーとの比較i

  • このカテゴリのほかの875件のうち0%よりスターが多い
  • このカテゴリのほかの875件のうち67%より最近レジストリに公開
  • 基本チェックの結果が、このカテゴリのほかの875件のうち100%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

OpenScreenShotは安全ですか?

当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか?

入力が必要なもの:OPENSCREENSHOT_API_KEY, Authorization

パソコンで動きますか、それともクラウドですか?

どちらでも使えます。パソコンにインストールしても、クラウド版につないでもかまいません。

今もメンテナンスされていますか?

GitHubリポジトリの最終更新は–、最新バージョン(2.5.2)がレジストリに届いたのは16 日前です。

どのアプリで使えますか?

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。

代わりに使えるものは?

同じカテゴリには:Browser Use, Chrome DevTools MCP, MCP Server Browser

代わりの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i

Browser Use

作者:browser-use

Browser agents and stealth cloud browsers for AI: run web tasks, fill forms, extract data.

パソコンでもクラウドでも★ 120,087MIT16 日前更新
インストール

作者のREADME

READMEを開く

作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。

openscreenshot

Website screenshots from your terminal, your CI, or your AI agent.

A local CLI and MCP server. It drives the Chrome already on your machine.

Local by default, with no account and no API key. OpenScreenShot Cloud is optional.

Website · CLI guide · MCP guide · Report a bug


Quick start

npx openscreenshot shot https://example.com --out example.png --full

That opens a headless Chrome, loads the page, saves a full-page PNG, and closes the browser.

You need: Node.js 22.12 or newer, and Google Chrome, Chromium, or Microsoft Edge. The package ships no browser of its own, so the install stays small.

Package managerRun onceInstall globally
npmnpx openscreenshot shot npm i -g openscreenshot
pnpmpnpm dlx openscreenshot shot pnpm add -g openscreenshot
Bunbunx openscreenshot shot bun add -g openscreenshot

Install globally to use the openscreenshot command everywhere. For CI, add it to the project instead (npm i -D openscreenshot), so each run uses the version in your lockfile.

CLI

openscreenshot shot <url> [--out <file>|-] [--full] [--width <n>] [--height <n>]

[--redact ]... [--redact-pattern ]... [--redact-rect ]... [--cloud [ ]] [--key ] [--format ] openscreenshot auth login [--cloud ] openscreenshot auth logout openscreenshot serve

OptionDefaultWhat it does
requiredThe page to capture. Use a full URL with https://.
--out screenshot.pngWhere to write the PNG. Use - to write bytes to stdout.
--fulloffCapture the whole scrollable page, not only the viewport.
--width 1280Viewport width in pixels, from 200 to 3840.
--height 800Viewport height in pixels, from 200 to 2160.
--redact noneCover the elements that match a CSS selector. Repeat for more.
--redact-pattern noneCover text that matches email, phone, or secret. Repeat, or use a comma list.
--redact-rect noneCover a rectangle, in pixels of the output image. Repeat for more.
--cloud [ ]offRender on OpenScreenShot Cloud. See Cloud.
--key noneCloud API key (osc_live_…) for this run.
--format pngWith --cloud: png, jpeg, webp, pdf, html, or markdown.
Examples
# Full page

openscreenshot shot https://example.com --out page.png --full

Fixed desktop viewport

openscreenshot shot https://example.com --out desktop.png --width 1440 --height 900

Narrow viewport to check a responsive layout

openscreenshot shot https://example.com --out narrow.png --width 390 --height 844

Pipe the PNG to another tool

openscreenshot shot https://example.com --out - > shot.png

Cover the account menu, every email address, and a 200x40 area at the top left

openscreenshot shot https://example.com --out safe.png --redact "#account-menu" --redact-pattern email --redact-rect 0,0,200,40

See Redaction for how it works and what it can miss.

Local output is always PNG. A .jpg or .pdf file name does not convert it. For other formats, use --cloud with --format.

A narrow viewport changes the layout width only. The CLI keeps a desktop user agent, so it does not emulate a phone's touch input or pixel ratio.

Exit codes
CodeMeaning
0The file was written.
1The capture failed, for example Chrome not found or a timeout.
2Bad usage or an option out of range.

Exit code 0 means the CLI saved the file. It does not prove that the page loaded correctly, so look at the image for error pages or loading spinners.

MCP server

openscreenshot with no arguments on a piped stdin starts a Model Context Protocol server over stdio, which is how an MCP client runs it. openscreenshot serve does the same and stays for existing configs. Your AI client starts it as a local process; there is no URL to enter.

Add it to your client

Clients that use an mcpServers object (Claude Desktop, Cursor, Windsurf, and others):

{

"mcpServers": { "openscreenshot": { "command": "npx", "args": ["-y", "openscreenshot"] } } }

Claude Code:

claude mcp add openscreenshot -- npx -y openscreenshot

Restart or reload the client after you save the config. The client must find npx (or pnpm, bunx) on its PATH.

Tool: capture_screenshot
InputTypeDefaultNotes
urlstring—Required. A full page URL.
fullPagebooleanfalseCapture the whole page.
widthinteger1280200 to 3840.
heightinteger800200 to 2160.
redactobject—Optional. See below.
cloudbooleanfalseRender on Cloud. See Cloud.
{ "url": "https://example.com", "fullPage": true, "width": 1440, "height": 900 }

redact has three optional lists:

FieldTypeWhat it covers
selectorsstring[]Elements that match each CSS selector.
patterns("email" \"phone" \"secret")[]Matching text in the page and in form values.
rects{ x, y, width, height }[]Rectangles, in pixels of the output image.
{

"url": "https://example.com", "redact": { "selectors": ["#account-menu"], "patterns": ["email", "secret"], "rects": [{ "x": 0, "y": 0, "width": 200, "height": 40 }] } }

The tool returns the PNG as MCP image content (image/png). It does not write a file. To save a named file, use the CLI.

Redaction

Redaction puts black boxes over the targets in the page, and then takes the screenshot. The unredacted pixels never get into the PNG, so they never get to your MCP client or to a hosted model.

  • Selectors. The box covers the element and all of its children. If a selector matches no element, or is not valid CSS, the capture fails.
  • Patterns. email finds email addresses. phone finds numbers with 9 to 15 digits. secret finds common API key and token shapes (OpenAI, Anthropic, Stripe, GitHub, AWS, Slack, Google, JWT). It also finds any run of 32 or more letters, digits, and underscores that has both a letter and a digit, such as a hash. Patterns look in text and in the values of input, textarea, and select fields.
  • Rectangles. Use these for canvas, images, and cross-origin iframes, where selectors and patterns cannot look. A rectangle that is fully outside the image fails the capture.

When redaction is on, the tool pauses CSS animations, places the boxes, and takes the screenshot. Then it finds the targets again. If a target moved out of its box, the capture fails. A failed capture writes no file and returns no image.

Patterns can miss text. They do not find text split across elements, text drawn in a canvas or an image, or a format they do not know. They can also cover text that only looks like a match. Look at the image before you share it.

What it can and cannot capture

Each capture starts a fresh headless browser with an empty profile.

  • It can capture any page a signed-out visitor can see: public sites, docs, status pages, staging builds, and localhost dev servers.
  • It cannot see your cookies or signed-in sessions. A page behind a login shows the login screen.
  • It does not click, type, wait for a selector, or set cookies. Navigation waits until the network is quiet (networkidle2), for up to 30 seconds.

For signed-in pages, annotations, or PDF export, use the OpenScreenShot browser extension for Chrome and Firefox.

OpenScreenShot Cloud (optional)

OpenScreenShot Cloud is a hosted screenshot API. It renders the page on Cloud servers, so you do not need Chrome on the machine. Local mode stays the default and needs no account.

The free plan gives 100 captures per month and needs no card. A failed capture is free. Paid plans are on the pricing page.

Sign in
openscreenshot auth login

The command prints a code, such as ABCD-EFGH, and opens https://cloud.openscreenshot.app/device in your browser. Sign in with the code that Cloud sends to your email, and approve the code. The CLI then stores an API key in ~/.openscreenshot.json. To use another Cloud base URL, add --cloud . openscreenshot auth logout removes the stored key.

Cloud from the CLI
# Full-page PNG, rendered on Cloud

openscreenshot shot https://example.com --out page.png --full --cloud

PDF of the page

openscreenshot shot https://example.com --out page.pdf --cloud --format pdf

--format accepts png, jpeg, webp, pdf, html, and markdown. --full, --width, and --height work as in local mode.

The CLI uses the first API key that it finds:

  1. --key osc_live_…
  2. The OPENSCREENSHOT_API_KEY environment variable
  3. The key that auth login stored

The base URL is --cloud , then `OPE

冒頭だけを表示しています。続きはリポジトリで読めます

PopNxに聞く