プロトタイプ · プレビュー版:公式レジストリのすべてのサーバーを掲載し、30分ごとに同期しています。Google でログインするとレビューを書けます。
PopNx MCPAIを使う人のためのMCPサーバー · やさしい言葉で解説

Imgpage

作者:CloudCorpRecordsバージョン 0.1.0i★ 0iパソコンで動く
レジストリ名io.github.CloudCorpRecords/imgpage

インストール方法

概要

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

Render HTML and CSS to a PNG image or PDF, or screenshot a live web page by URL.

できること

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

  • 接続方法: パソコンで動く
  • トランスポート: stdio
  • カテゴリ: ウェブ・ブラウザ

インストール

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

チェック 2/2 合格 · あなたのパソコンで動きます

まず:どの AI を使っていますか?

使っているアプリを選ぶと、下に手順が表示されます。

Claude につなげますが、先に準備が必要です

先にパソコンへ Node.js を入れてください(1 回だけ) · パソコン版 Claude アプリ(Windows または Mac)のみ。Web やスマホでは使えません

  1. Node.js を入れる

    1 回だけ。Node.js が必要なすべてのサーバーで使えます

    Node.js のダウンロードページを開く ↗

  2. パソコン版 Claude アプリの設定ファイルを開く

    SettingsDeveloperEdit Config

  3. この設定を貼り付けて保存

    {
      "mcpServers": {
        "imgpage": {
          "command": "npx",
          "args": [
            "-y",
            "@reneturcios/imgpage",
            "mcp"
          ]
        }
      }
    }
  4. Claude を終了してもう一度開く

  5. 試してみる

    Imgpage を使って、私に何ができるか教えて、1 つやってみせて

    ✓ Claude が Imgpage を使っていると言うか、回答に Imgpage のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

ChatGPT はまだ Imgpage につなげません

Imgpage はパソコンに入れて使うものですが、ChatGPT は Web 上で動くサーバーにしかつなげません

代わりにできること

A · Imgpage につなげるアプリを使う

  • 先にパソコンへ Node.js を入れてください(1 回だけ) · パソコン版 Claude アプリ(Windows または Mac)のみ。Web やスマホでは使えません
  • 先にパソコンへ Node.js を入れてください(1 回だけ)
  • 先にパソコンへ Node.js を入れてください(1 回だけ)
  • 先にパソコンへ Node.js を入れてください(1 回だけ)

B · ウェブ・ブラウザ の中で ChatGPT につなげる別のサーバー

同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました

Claude Code につなげますが、先に準備が必要です

先にパソコンへ Node.js を入れてください(1 回だけ)

  1. Node.js を入れる

    1 回だけ。Node.js が必要なすべてのサーバーで使えます

    Node.js のダウンロードページを開く ↗

  2. ターミナルを開く

    Mac:Command+スペースで Terminal と入力 · Windows:PowerShell を開く

  3. このコマンドを貼り付けて Enter

    claude mcp add imgpage -- npx -y @reneturcios/imgpage mcp
  4. Claude Code で /mcp と入力

    Imgpage が一覧にあり、接続済みと表示されれば OK です

  5. 試してみる

    Imgpage を使って、私に何ができるか教えて、1 つやってみせて

    ✓ Claude Code が Imgpage を使っていると言うか、回答に Imgpage のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Cursor につなげますが、先に準備が必要です

先にパソコンへ Node.js を入れてください(1 回だけ)

  1. Node.js を入れる

    1 回だけ。Node.js が必要なすべてのサーバーで使えます

    Node.js のダウンロードページを開く ↗

  2. このボタンで Cursor を開く

    Cursor で開く

    Cursor がインストールの確認をするので Install を押します

  3. Cursor の AI チャットを Agent モードで開く

  4. 試してみる

    Imgpage を使って、私に何ができるか教えて、1 つやってみせて

    ✓ Cursor が Imgpage を使っていると言うか、回答に Imgpage のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

VS Code につなげますが、先に準備が必要です

先にパソコンへ Node.js を入れてください(1 回だけ)

  1. Node.js を入れる

    1 回だけ。Node.js が必要なすべてのサーバーで使えます

    Node.js のダウンロードページを開く ↗

  2. このボタンで VS Code を開く

    VS Code で開く

    VS Code がインストールの確認をするので Install を押します

  3. VS Code の AI チャットを Agent モードで開く

  4. 試してみる

    Imgpage を使って、私に何ができるか教えて、1 つやってみせて

    ✓ VS Code が Imgpage を使っていると言うか、回答に Imgpage のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください

MCP を使えるアプリをすべて見る →

JSON 設定は下の「開発者向け」にあります

つまずいたら?Imgpage を使っている人に聞いてみましょう💬 ディスカッション →
開発者向け:ターミナルのコマンドと JSON 設定

パソコンにインストール

Claude Code

claude mcp add imgpage -- npx -y @reneturcios/imgpage mcp

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "imgpage": {
      "command": "npx",
      "args": [
        "-y",
        "@reneturcios/imgpage",
        "mcp"
      ]
    }
  }
}

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "imgpage": {
      "command": "npx",
      "args": [
        "-y",
        "@reneturcios/imgpage",
        "mcp"
      ]
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "imgpage": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@reneturcios/imgpage",
        "mcp"
      ]
    }
  }
}

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

ひと目でわかる

週あたりのダウンロードi
npm/PyPIにない
ライセンスi
ライセンスの記載なし
接続方法
パソコンで動く
最新バージョンi
0.1.0
レジストリ公開日i
2026年11月10日
コードの最終更新i
2026年11月10日
作者
CloudCorpRecords
パッケージ
npm: @reneturcios/imgpage
oci: ghcr.io/cloudcorprecords/imgpage:0.1.0
レジストリでの状態
有効

使えるアプリ

このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。

パソコン上で動かせるアプリ

ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast

すべてのアプリと長所・短所 →

できること

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

基本チェックi

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

  • ✓ 合格

    作者とリポジトリが一致

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

  • ✓ 合格

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

    コードの最終更新:昨日

  • … 未チェック

    ライセンスがある

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

  • – 対象外

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

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

  • – 対象外

    OAuthでサインイン

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

  • … 未チェック

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

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

話し合い

質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。

まだ投稿はありません。最初の質問や共有をどうぞ。

ここの投稿は利用者によるもので、PopNx チームのものではありません。

Google でログインして投稿

ユーザーレビュー

まだレビューはありません

Google でログインしてレビューを書く

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

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

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

よくある質問

Imgpageは安全ですか?

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

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

レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。

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

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

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

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

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

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

代わりに使えるものは?

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

代わりの候補

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

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

Browser Use

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

作者:browser-use広く使われている↓ 167.3万/週★ 12.1万21 日前更新

パソコンでもクラウドでも✓ browser-use.com

Scrapling MCP Server

Web scraping with stealth HTTP, real browsers, and Cloudflare bypass. CSS selectors supported.

作者:D4Vinci広く使われている↓ 39.7万/週★ 10.1万6 日前更新

パソコンで動く

Chrome DevTools MCP

MCP server for Chrome DevTools

作者:ChromeDevTools広く使われている↓ 186.9万/週★ 5.5万20 日前更新

パソコンで動く

作者のREADME

READMEを開く

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

imgpage

imgpage is a small local bridge to the hosted html2img MCP server, which turns markup and web pages into rendered output. Give it a complete, self-contained HTML document — styles in an inline style block — and it comes back as a PNG image sized to a viewport you choose, or as an A4 vector PDF with selectable text when you ask for the pdf format. Or give it the address of a live page and it screenshots that page instead, whole page or just one element, again as PNG or PDF. Every render also returns a shareable CDN URL; PDF renders return the URL only.

This package renders nothing itself. It answers the tool list locally, exactly as captured from the live endpoint, and forwards each tool call upstream, returning whatever comes back untouched. There are two tools, and per the captured descriptions each call consumes one credit on your own html2img plan. Nothing in this package can buy credits, start a checkout, top up an account, or mint a key: it only spends against a plan you already have, through the two rendering calls below.

Tools

  • generate-image-from-html — render HTML and CSS into a PNG image, or into an A4 vector PDF with format pdf. Required: html (the full markup; include CSS in an inline style block; publicly accessible remote image URLs work, and images that are not hosted anywhere should be embedded as base64 data URIs). Optional: css, width (1-5000, default 1920), height (1-5000, default 1080), fullpage, dpi (1-4), ms_delay (1-5000), wait_for_selector, and format (png or pdf; with pdf, width, height, dpi and fullpage are ignored). Returns the rendered image plus a shareable CDN URL; PDF renders return the URL only. Consumes one credit per call.
  • screenshot-url — capture a live web page by URL as a PNG screenshot, or as an A4 vector PDF with format pdf. Required: url (the fully-qualified URL of the page). Optional: css, width (1-5000, default 1920), height (1-5000, default 1080), fullpage, selector (capture only the matching element), dpi (1-4), ms_delay (1-5000), wait_for_selector, and format (png or pdf; with pdf, width, height, dpi, fullpage and selector are ignored). Returns the rendered image plus a shareable CDN URL; PDF renders return the URL only. Consumes one credit per call.

Configuration

  • HTML2IMG_MCP_URL (optional) — override the upstream endpoint. Defaults to https://app.html2img.com/mcp. (The override hook is this rebuild's own labelled reconstruction.)
  • HTML2IMG_API_KEY (optional) — when set, every upstream request carries an Authorization: Bearer header, for the caller's own html2img API key. When it is not set, no key header is sent. (The header name and Bearer form are pinned by the original's registry record, which declares a required secret Authorization header; the record pins no package env name, so forwarding the key from this env var is a labelled reconstruction — the original surface was captured keyless.)
Forwarding mechanics

On the first tool call the client opens a streamable HTTP session upstream: a JSON-RPC initialize request (protocolVersion 2025-03-26, clientInfo name imgpage), then a notifications/initialized notification, then the tools/call request carrying the caller's arguments unchanged. When the upstream answers initialize with an Mcp-Session-Id header, that value rides on every later request of the session, which is reused for the life of the process. Replies may arrive as plain JSON or as server-sent events; both are read.

Successful upstream results pass through verbatim, including any isError flag the upstream sets. Failures — a JSON-RPC error, a non-2xx status, an unreadable response, or a request that cannot be completed — come back as an isError result whose text starts with imgpage error: (this rendering is this rebuild's own labelled reconstruction).

CLI

Each tool is also a subcommand taking one JSON argument string:

npx @reneturcios/imgpage generate-image-from-html '{"html":"<h1>Hello</h1>"}'

npx @reneturcios/imgpage screenshot-url '{"url":"https://example.com"}' npx @reneturcios/imgpage --version

Exit codes: 0 on success, 1 on an isError result, 2 on a usage error.

MCP server

npx -y @reneturcios/imgpage mcp

MCP client config:

{

"mcpServers": { "imgpage": { "command": "npx", "args": ["-y", "@reneturcios/imgpage", "mcp"] } } }

Docker

docker run -i ghcr.io/cloudcorprecords/imgpage

docker run --rm ghcr.io/cloudcorprecords/imgpage --version

The container's default command is mcp, so the first form is a stdio MCP server; any other arguments reach the CLI normally.

Development

npm install

npm run build npm test npm run dev

The test suite runs entirely against a stubbed JSON-RPC upstream — no live network calls.

License

MIT — see LICENSE.