プロトタイプ · プレビュー版：公式レジストリのすべてのサーバーを掲載し、30分ごとに同期しています。レビューとアカウント機能は今後のステップで始まります。
PopNx MCPAIを使う人のためのMCPサーバー · やさしい言葉で解説
初心者モード オン
配色システムに合わせるライトダーク
言語ไทยEnglish中文日本語한국어EspañolDeutsch
☰ メニュー設定
初心者モード オン
配色システムに合わせるライトダーク
言語ไทยEnglish中文日本語한국어EspañolDeutsch

Screenshotrender MCP

作者：faridmthバージョン 1.0.1i★ –iパソコンで動く
レジストリ名io.github.faridmth/screenshotrender-mcp

インストール

概要

作者による説明（英語の原文）

Capture website screenshots from any MCP client via the ScreenshotRender API.

PopNx MCPの3つの柱

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

できること

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

  • 接続方法: パソコンで動く
  • トランスポート: stdio
  • カテゴリ: ウェブ・ブラウザ
  • 入力が必要なもの：SCREENSHOTRENDER_API_KEY

インストール

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

インストールの前に

  • 基本チェック：1項目中1項目に合格
  • あなたのパソコンで、あなたのユーザーと同じ権限（ファイル、ネットワーク、アプリ）で動きます。
  • 自分で入力するもの： SCREENSHOTRENDER_API_KEY

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

必要なもの

  • npmNode.jsのインストール（npxコマンドに必要）

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

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

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

{
  "mcpServers": {
    "screenshotrender": {
      "command": "npx",
      "args": [
        "-y",
        "screenshotrender-mcp"
      ],
      "env": {
        "SCREENSHOTRENDER_API_KEY": "your-value"
      }
    }
  }
}

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

claude mcp add screenshotrender --env SCREENSHOTRENDER_API_KEY=your-value -- npx -y screenshotrender-mcp

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

Cursorで開く

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

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

{
  "mcpServers": {
    "screenshotrender": {
      "command": "npx",
      "args": [
        "-y",
        "screenshotrender-mcp"
      ],
      "env": {
        "SCREENSHOTRENDER_API_KEY": "your-value"
      }
    }
  }
}

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

VS Codeで開く

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

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

{
  "servers": {
    "screenshotrender": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "screenshotrender-mcp"
      ],
      "env": {
        "SCREENSHOTRENDER_API_KEY": "your-value"
      }
    }
  }
}

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

これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。

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

自分で入力する値

  • SCREENSHOTRENDER_API_KEY 秘密 必須 env
    Your ScreenshotRender API key (starts with sr-). Get one at https://screenshotrender.com.

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

できること

パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。

基本チェックi

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

  • ✓ 合格

    作者とリポジトリが一致

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

  • … 未チェック

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

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

  • … 未チェック

    ライセンスがある

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

  • – 対象外

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

    これはパソコンで動くため、インターネット上のエンドポイントはありません

  • – 対象外

    OAuthでサインイン

    パソコンで動き、代わりにローカルの設定を使います

  • … 未チェック

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

    パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです

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

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

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

よくある質問

Screenshotrender MCPは安全ですか？

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

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

入力が必要なもの：SCREENSHOTRENDER_API_KEY

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

あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません（サーバー自体がオンラインサービスを呼び出す場合を除きます）。

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

GitHubリポジトリの最終更新は–、最新バージョン（1.0.1）がレジストリに届いたのは5 か月前です。

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

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。

代わりに使えるものは？

同じカテゴリには：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,087MIT18 日前更新
インストール

作者のREADME

READMEを開く

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

ScreenshotRender MCP server

Capture website screenshots from inside Claude, Cursor, VS Code, Windsurf, or any Model Context Protocol client. This server wraps the ScreenshotRender API so your AI assistant can render any public web page on request.

Ask your assistant: *"Take a full-page screenshot of stripe.com"* and the image

appears right in the chat.

Tools

ToolDescription
take_screenshotCapture a screenshot of any public URL. Returns the image inline plus a hosted URL and page metadata (title, description).

Parameters

  • url (string, required) — page to capture, including https://.
  • fullPage (boolean, optional) — capture the entire scrollable page instead of the viewport.
  • wait (number, optional) — milliseconds to wait before capturing (for animations / lazy content).
  • timeout (number, optional) — max milliseconds to wait for load.

Setup

  1. Get your API key at [screenshotrender.com](https://screenshotrender.com) (it starts with sr-).
  2. Add the server to your MCP client config.
Claude Desktop

Edit claude_desktop_config.json (Settings → Developer → Edit Config):

{

"mcpServers": { "screenshotrender": { "command": "npx", "args": ["-y", "screenshotrender-mcp"], "env": { "SCREENSHOTRENDER_API_KEY": "sr-your-key-here" } } } }

Cursor / VS Code / Windsurf

Add the same block under the editor's MCP settings (mcp.json or the MCP settings UI). Restart the client and the take_screenshot tool will be available.

Environment variables

VariableRequiredDescription
SCREENSHOTRENDER_API_KEYyesYour ScreenshotRender key (sr-...).
SCREENSHOTRENDER_BASE_URLnoOverride the API base URL. Defaults to https://screenshotrender.com.

Local development

npm install

SCREENSHOTRENDER_API_KEY=sr-your-key npm run inspect # opens MCP Inspector

The Inspector lets you call take_screenshot and view the result before shipping.

License

MIT

PopNxに聞く