ต้นแบบ · รุ่นทดลอง: มีทุก server ในทะเบียนทางการ อัปเดตทุก 30 นาที รีวิวและบัญชีผู้ใช้จะมาในขั้นถัดไป
PopNx MCPที่รวม MCP สำหรับคนใช้ AI · อธิบายเป็นภาษาคน

ScreenshotAPI

โดย Screenshot-APIรุ่น 1.0.2i★ –iรันบนเครื่อง
ชื่อใน registryio.github.Screenshot-API/screenshot-mcp

ติดตั้ง

ภาพรวม

คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)

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

สามเสาของ PopNx MCP

สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน

ใช้ทำอะไรได้

ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry

  • การเชื่อมต่อ: รันบนเครื่อง
  • ช่องทาง (transport): stdio
  • หมวด: เอกสาร ตาราง และงานออฟฟิศ
  • ต้องใส่ค่าเหล่านี้: SCREENSHOTAPI_TOKEN

ติดตั้ง

เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง

ก่อนติดตั้ง

  • ผลตรวจเบื้องต้น: ผ่าน 1 จาก 1 ข้อ
  • รันในเครื่องคุณด้วยสิทธิ์ของผู้ใช้คุณ (ไฟล์ อินเทอร์เน็ต แอปต่าง ๆ)
  • ค่าที่คุณต้องใส่เอง: SCREENSHOTAPI_TOKEN, SCREENSHOTAPI_REQUEST_TIMEOUT_MS, SCREENSHOTAPI_MAX_INLINE_IMAGE_BYTES

ค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต

ต้องเตรียมก่อน

  • npmติดตั้ง Node.js (มีคำสั่ง npx) ในเครื่อง

คุณใช้แอปไหน

เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”

เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json

{
  "mcpServers": {
    "screenshot": {
      "command": "npx",
      "args": [
        "-y",
        "@screenshotapinet/mcp"
      ],
      "env": {
        "SCREENSHOTAPI_TOKEN": "ใส่ค่าของคุณ",
        "SCREENSHOTAPI_REQUEST_TIMEOUT_MS": "ใส่ค่าของคุณ",
        "SCREENSHOTAPI_MAX_INLINE_IMAGE_BYTES": "ใส่ค่าของคุณ"
      }
    }
  }
}

พิมพ์คำสั่งนี้ใน Terminal

claude mcp add screenshot --env SCREENSHOTAPI_TOKEN='ใส่ค่าของคุณ' --env SCREENSHOTAPI_REQUEST_TIMEOUT_MS='ใส่ค่าของคุณ' --env SCREENSHOTAPI_MAX_INLINE_IMAGE_BYTES='ใส่ค่าของคุณ' -- npx -y @screenshotapinet/mcp

เติมค่าที่เว้นว่างไว้ก่อนรัน

เปิดใน Cursor

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json

{
  "mcpServers": {
    "screenshot": {
      "command": "npx",
      "args": [
        "-y",
        "@screenshotapinet/mcp"
      ],
      "env": {
        "SCREENSHOTAPI_TOKEN": "ใส่ค่าของคุณ",
        "SCREENSHOTAPI_REQUEST_TIMEOUT_MS": "ใส่ค่าของคุณ",
        "SCREENSHOTAPI_MAX_INLINE_IMAGE_BYTES": "ใส่ค่าของคุณ"
      }
    }
  }
}

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

เปิดใน VS Code

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .vscode/mcp.json ของโปรเจกต์

{
  "servers": {
    "screenshot": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@screenshotapinet/mcp"
      ],
      "env": {
        "SCREENSHOTAPI_TOKEN": "ใส่ค่าของคุณ",
        "SCREENSHOTAPI_REQUEST_TIMEOUT_MS": "ใส่ค่าของคุณ",
        "SCREENSHOTAPI_MAX_INLINE_IMAGE_BYTES": "ใส่ค่าของคุณ"
      }
    }
  }
}

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น

ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี

ค่าที่ต้องใส่เอง

  • 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)

ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README

ทำอะไรได้บ้าง

รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง

ผลตรวจเบื้องต้นi

เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569

  • ✓ ผ่าน

    ตัวตนผู้ทำตรงกับ repo

    ชื่อใน registry ยืนยันด้วยบัญชี GitHub Screenshot-API ซึ่งเป็นเจ้าของ repo

  • … ยังไม่ตรวจ

    ยังมีคนดูแล

    ยังไม่ได้อ่านข้อมูล repo จาก GitHub

  • … ยังไม่ตรวจ

    มีสัญญาอนุญาต (license)

    ยังไม่ได้อ่านข้อมูล repo จาก GitHub

  • – ไม่เกี่ยว

    endpoint ตอบ

    ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต

  • – ไม่เกี่ยว

    ล็อกอินแบบ OAuth

    ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน

  • … ยังไม่ตรวจ

    คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง

    รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต

เทียบกับตัวอื่นในหมวด เอกสาร ตาราง และงานออฟฟิศi

  • ดาวมากกว่า 0% ของอีก 2187 ตัวในหมวดนี้
  • ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 74% ของอีก 2187 ตัวในหมวดนี้
  • ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 100% ของอีก 2187 ตัวในหมวดนี้

เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo

คำถามที่พบบ่อย

ScreenshotAPI ปลอดภัยไหม?

จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น

ต้องใช้กุญแจหรือรหัสอะไรบ้าง?

ต้องใส่ค่าเหล่านี้: SCREENSHOTAPI_TOKEN

ตัวนี้รันบนเครื่องหรือบนคลาวด์?

รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)

ยังมีคนดูแลอยู่ไหม?

repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.0.2) เข้า registry 10 วันที่ผ่านมา

ใช้กับโปรแกรมไหนได้บ้าง?

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย

มีตัวไหนใช้แทนได้บ้าง?

ในหมวดเดียวกันมี Agent-Native Calendar, Excel MCP Server, MCP Server for Excel

ตัวที่ใช้แทนได้

server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว

อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi

Agent-Native Calendar

โดย BuilderIO

Agent-Native Google Calendar - manage events, sync, and public booking

รันบนคลาวด์★ 7,620MITอัปเดต 2 เดือนที่ผ่านมา
ติดตั้ง

Excel MCP Server

โดย haris-musa

ให้ AI สร้างและแก้ไฟล์ Excel ได้เอง ทั้งสูตร กราฟ และ PivotTable โดยไม่ต้องมีโปรแกรม Excel ในเครื่อง

รันบนเครื่อง★ 4,276MITอัปเดต 6 วันที่ผ่านมา
ติดตั้ง

MCP Server for Excel

โดย sbroenne

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

รันบนเครื่อง★ 847MITอัปเดต 3 วันที่ผ่านมา
ติดตั้ง

README จากผู้ทำ

เปิดอ่าน README

ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ 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

ตัดมาแค่ช่วงต้น อ่านต่อใน repo

ถาม PopNx