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

ScreenshotAPI

作者:Screenshot-APIバージョン 1.0.2i★ –iパソコンで動く
レジストリ名io.github.Screenshot-API/screenshot-mcp

インストール

概要

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

Website screenshots, URL/HTML to PDF, scrolling videos, and web scraping via ScreenshotAPI.

PopNx MCPの3つの柱

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

できること

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

  • 接続方法: パソコンで動く
  • トランスポート: stdio
  • カテゴリ: 文書・表計算・事務作業
  • 入力が必要なもの:SCREENSHOTAPI_TOKEN

インストール

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

インストールの前に

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

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

必要なもの

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

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

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

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

{
  "mcpServers": {
    "screenshot": {
      "command": "npx",
      "args": [
        "-y",
        "@screenshotapinet/mcp"
      ],
      "env": {
        "SCREENSHOTAPI_TOKEN": "your-value",
        "SCREENSHOTAPI_REQUEST_TIMEOUT_MS": "your-value",
        "SCREENSHOTAPI_MAX_INLINE_IMAGE_BYTES": "your-value"
      }
    }
  }
}

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

claude mcp add screenshot --env SCREENSHOTAPI_TOKEN=your-value --env SCREENSHOTAPI_REQUEST_TIMEOUT_MS=your-value --env SCREENSHOTAPI_MAX_INLINE_IMAGE_BYTES=your-value -- npx -y @screenshotapinet/mcp

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

Cursorで開く

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

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

{
  "mcpServers": {
    "screenshot": {
      "command": "npx",
      "args": [
        "-y",
        "@screenshotapinet/mcp"
      ],
      "env": {
        "SCREENSHOTAPI_TOKEN": "your-value",
        "SCREENSHOTAPI_REQUEST_TIMEOUT_MS": "your-value",
        "SCREENSHOTAPI_MAX_INLINE_IMAGE_BYTES": "your-value"
      }
    }
  }
}

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

VS Codeで開く

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

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

{
  "servers": {
    "screenshot": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@screenshotapinet/mcp"
      ],
      "env": {
        "SCREENSHOTAPI_TOKEN": "your-value",
        "SCREENSHOTAPI_REQUEST_TIMEOUT_MS": "your-value",
        "SCREENSHOTAPI_MAX_INLINE_IMAGE_BYTES": "your-value"
      }
    }
  }
}

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

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

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

自分で入力する値

  • SCREENSHOTAPI_TOKEN 秘密 必須 env
    Your ScreenshotAPI API key from https://app.screenshotapi.net
  • SCREENSHOTAPI_REQUEST_TIMEOUT_MS env
    Request timeout in milliseconds (default 180000)
  • SCREENSHOTAPI_MAX_INLINE_IMAGE_BYTES env
    Max screenshot size returned inline as an image (default 3500000)

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

できること

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

基本チェックi

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

  • ✓ 合格

    作者とリポジトリが一致

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

  • … 未チェック

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

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

  • … 未チェック

    ライセンスがある

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

  • – 対象外

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

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

  • – 対象外

    OAuthでサインイン

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

  • … 未チェック

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

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

文書・表計算・事務作業のほかのサーバーとの比較i

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

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

よくある質問

ScreenshotAPIは安全ですか?

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

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

入力が必要なもの:SCREENSHOTAPI_TOKEN

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

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

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

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

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

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

代わりに使えるものは?

同じカテゴリには:Agent-Native Calendar, Excel MCP Server, MCP Server for Excel

代わりの候補

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

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

Excel MCP Server

作者:haris-musa

Create and edit Excel files with AI: charts, PivotTables, formulas. No Excel needed.

パソコンで動く★ 4,276MIT6 日前更新
インストール

MCP Server for Excel

作者:sbroenne

Excel automation for AI - Sheets, Power Query, DAX, VBA, Tables, Ranges and more. Windows only.

パソコンで動く★ 847MIT4 日前更新
インストール

作者のREADME

READMEを開く

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

ScreenshotAPI MCP Server

Official MCP server for ScreenshotAPI. It gives your AI assistant 8 tools for website screenshots, URL and HTML to PDF, scrolling videos, JavaScript-aware web scraping (Markdown, text, HTML), and bulk captures. You ask in plain English and the server makes the API calls. Your assistant also gets the screenshot back as an image, so it can see the page it captured.

Works with Claude Desktop, Claude Code, Cursor, Windsurf, VS Code, Cline, Codex, and any other MCP-compatible client.

ItemValue
Package@screenshotapinet/mcp
Transportstdio
Node.js>=18

Quick Start

  1. Sign up for ScreenshotAPI and copy your API key from the dashboard.
  1. Cursor users can install in one click:
  1. Everyone else: add this to your MCP client config (see Install by Client for the exact file path):
{

"mcpServers": { "screenshotapi": { "command": "npx", "args": ["-y", "@screenshotapinet/mcp"], "env": { "SCREENSHOTAPI_TOKEN": " " } } } }

  1. Restart your client.
  1. Test it: ask "Take a screenshot of https://example.com"

Table of Contents

  • Quick Start
  • Install by Client
  • Verify It Works
  • Tool Reference
  • Prompt Examples
  • Error Codes
  • How It Works
  • Environment Variables
  • Building from Source
  • Troubleshooting
  • Links
  • License

Install by Client

Requirements
  • Node.js 18 or later
  • npx available in your terminal
  • A ScreenshotAPI API key (sign up)
Claude Desktop

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

{

"mcpServers": { "screenshotapi": { "command": "npx", "args": ["-y", "@screenshotapinet/mcp"], "env": { "SCREENSHOTAPI_TOKEN": " " } } } }

Restart Claude Desktop after saving.

Claude Code
claude mcp add screenshotapi --env SCREENSHOTAPI_TOKEN=<YOUR_API_KEY> -- npx -y @screenshotapinet/mcp

Start a new Claude Code session after adding the server.

Cursor

One-click install:

Or add to .cursor/mcp.json manually:

{

"mcpServers": { "screenshotapi": { "command": "npx", "args": ["-y", "@screenshotapinet/mcp"], "env": { "SCREENSHOTAPI_TOKEN": " " } } } }

Restart Cursor after saving.

Windsurf

Add to ~/.codeium/windsurf/mcp_config.json:

{

"mcpServers": { "screenshotapi": { "command": "npx", "args": ["-y", "@screenshotapinet/mcp"], "env": { "SCREENSHOTAPI_TOKEN": " " } } } }

Restart Windsurf after saving.

VS Code / GitHub Copilot

Add to your VS Code settings.json:

{

"mcp": { "servers": { "screenshotapi": { "command": "npx", "args": ["-y", "@screenshotapinet/mcp"], "env": { "SCREENSHOTAPI_TOKEN": " " } } } } }

Restart VS Code after saving.

Cline

Open MCP Servers panel → Configure → Advanced MCP Settings. Add to cline_mcp_settings.json:

{

"mcpServers": { "screenshotapi": { "command": "npx", "args": ["-y", "@screenshotapinet/mcp"], "env": { "SCREENSHOTAPI_TOKEN": " " } } } }

Restart Cline after saving.

Codex CLI
codex mcp add screenshotapi --env SCREENSHOTAPI_TOKEN=<YOUR_API_KEY> -- npx -y @screenshotapinet/mcp

codex mcp list

Start a new Codex session after adding the server.

Any Other MCP Client

Use this config:

{

"command": "npx", "args": ["-y", "@screenshotapinet/mcp"], "env": { "SCREENSHOTAPI_TOKEN": " " } }

Verify It Works

Try these after setup:

PromptExpected tool
Take a screenshot of https://example.comtake_screenshot
Screenshot stripe.com on an iPhone-sized screen in dark modetake_screenshot with width, dark_mode
Capture the full page of https://news.ycombinator.com without adstake_screenshot with full_page, block
Save https://example.com/invoice as an A4 PDF to ./invoice.pdfgenerate_pdf with format, save_path
Read https://react.dev/learn and summarize itscrape_page
Make a 10-second scrolling GIF of https://apple.comrecord_scrolling_video
Screenshot these 5 competitor homepagesbulk_screenshots
Is bulk job 1f2e... done yet?get_bulk_status

Tool Reference

All 8 tools wrap the ScreenshotAPI REST API. The render tools (take_screenshot, generate_pdf, scrape_page, record_scrolling_video) call GET https://shot.screenshotapi.net/v3/screenshot with output=json and share the page preparation options below. Each takes either url or custom_html.

Shared render options
GroupParameters
Viewportwidth (default 1680, max 7680), height (default 876, max 4320)
Timingdelay, wait_for_event (load / domcontentloaded / networkidle), lazy_load, scroll_delay, timeout
Page manipulationcss, css_url, js, js_url, remove_selector, blur_selector, selector_to_click, click_recursion, scroll_to_element, adjust_top
Blockingblock (list: ads, tracking, cookie_banners, chat_widgets, javascript, stylesheets, images, media, fonts, text_tracks, xhr, fetch, event_source, websockets, manifest), block_specific_requests
Emulationdark_mode, grayscale (0-100), enable_incognito, user_agent, accept_languages, headers, cookies, template_id, proxy, latitude, longitude, timezone
Cachingfresh, enable_caching, ttl (screenshot and PDF only)
Storageresult_file_name, byob, storage_service, bucket_name (screenshot and PDF only)
take_screenshot

Captures a page as an image and returns the hosted image URL. The image is also returned inline so the assistant can see it. Full-page captures are the exception, since they are usually too tall to view; pass include_image=true to get them inline anyway.

ParameterRequiredDescription
urlOne ofURL to capture
custom_htmlOne ofRaw HTML to render instead of a URL
file_typeNopng (default), jpg, webp
full_pageNoCapture the whole scrollable page. Default false
retinaNo2x pixel density. Default false
image_qualityNoJPEG quality 0-100. Default 80
omit_backgroundNoTransparent background for plain-background pages (PNG only)
thumbnail_widthNoResize output to this width, keeping aspect ratio
selectorNoCapture a single element by CSS selector
clipNoCapture a rectangle: { x, y, width, height }
sizesNoCapture at several viewport sizes in one request: [{ width, height }, ...]
include_imageNoReturn the image inline. Default true, or false when full_page is set
save_pathNoAlso save the file locally

Plus all shared render options.

generate_pdf

Converts a URL or raw HTML to PDF and returns the hosted PDF URL. With no format (and no width/height), the whole page becomes one continuous PDF page.

ParameterRequiredDescription
urlOne ofURL to convert
custom_htmlOne ofRaw HTML to convert
formatNoA0–A6, Letter, Legal, Tabloid, Ledger
landscapeNoLandscape orientation. Default false
page_rangeNoKeep only these pages, e.g. 1-3
print_backgroundNoInclude background colors and images
mediaNoprint or screen CSS
save_pathNoAlso save the PDF locally

Plus all shared render options.

scrape_page

Renders the page in a real browser, so JavaScript runs first, then extracts its content. The server downloads the extracted files and return

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

PopNxに聞く