原型 · 预览版:收录官方注册中心里的全部服务器,每 30 分钟同步一次。评价和账户功能将在后续阶段推出。
PopNx MCP为使用 AI 的人准备的 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 的三大支柱

这三项永远不会合并成一个分数:意见、测量和人气是不同的东西。

它能帮你做什么

我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。

  • 连接方式: 电脑或云端
  • 传输方式: stdio, Streamable HTTP
  • 分类: 网页与浏览器
  • 你需要填写:OPENSCREENSHOT_API_KEY, Authorization

安装

选择你使用的 AI 应用,然后复制设置。

安装之前

  • 基础检查:1 项中通过 1 项
  • 在作者的服务器上运行:你向它提出的内容会经过他们的服务器。
  • 需要你自己填写: CHROME_PATH, OPENSCREENSHOT_API_KEY, OPENSCREENSHOT_CLOUD_URL, Authorization

标为机密的值是你账户的钥匙。千万不要分享给别人,也不要粘贴到聊天里。

你需要

  • 在云端运行无需安装任何东西,通过互联网连接
  • npm已安装 Node.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天前进入注册中心。

哪些应用可以使用它?

支持 MCP 的应用,例如 Claude Desktop、Claude Code、Cursor 和 VS Code。它通过 URL 连接,所以接受远程 MCP 服务器的应用也可以使用,例如开启开发者模式的 ChatGPT。

有什么可以替代它?

同一分类中有:Browser Use, Chrome DevTools MCP, MCP Server Browser

替代选择

同一分类中其他作者的服务器,按星标数排序。

如何看卡片:★ GitHub 星标i三大支柱:评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i

Browser Use

作者:browser-use

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

电脑或云端★ 120,087MIT16天前更新
安装

Chrome DevTools MCP

作者:ChromeDevTools

MCP server for Chrome DevTools

在你的电脑上运行★ 54,821Apache-2.015天前更新
安装

MCP Server Browser

作者:bytedance

MCP server for browser use access

在你的电脑上运行★ 39,550Apache-2.014个月前更新
安装

作者的 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