프로토타입 · 미리 보기: 공식 레지스트리의 모든 서버를 담고 있으며 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의 세 기둥

이 세 가지는 절대 하나의 점수로 합치지 않아요. 의견, 측정, 인기는 서로 다른 것이니까요.

할 수 있는 일

이 서버는 아직 쉬운 말로 된 요약을 쓰지 못했어요. 아래는 레지스트리에서 읽어 온 사실이에요.

  • 연결 방식: 내 컴퓨터에서 실행
  • 전송 방식: 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는 인터넷에 있는 서버에만 연결할 수 있어요. 다른 앱을 고르세요.

선택한 앱은 이 기기의 쿠키에만 저장돼요. 계정은 필요 없어요.

직접 입력할 값

  • 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

  • 이 카테고리의 다른 서버 2191개 중 0%보다 스타가 많아요
  • 이 카테고리의 다른 서버 2191개 중 74%보다 최근에 레지스트리에 공개됐어요
  • 기본 점검 결과가 이 카테고리의 다른 서버 2191개 중 100%와 같거나 더 좋아요

레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.

자주 묻는 질문

ScreenshotAPI, 안전한가요?

해당하는 기본 점검 1개 중 1개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.

어떤 키나 코드가 필요한가요?

입력해야 할 값: SCREENSHOTAPI_TOKEN

내 컴퓨터에서 실행되나요, 클라우드에서 실행되나요?

내 컴퓨터에서 실행돼요. AI 앱이 필요할 때 실행하고, 데이터는 제작자의 서버를 거치지 않아요(서버 자체가 온라인 서비스를 호출하는 경우는 제외).

아직 관리되고 있나요?

GitHub 저장소는 마지막으로 – 변경됐고, 최신 버전(1.0.2)은 10일 전 레지스트리에 올라왔어요.

어떤 앱에서 쓸 수 있나요?

Claude Desktop, Claude Code, Cursor, VS Code처럼 MCP를 지원하는 앱에서 쓸 수 있어요. 내 컴퓨터에 Node.js도 있어야 해요.

대신 쓸 수 있는 건 뭐가 있나요?

같은 카테고리에는: Agent-Native Calendar, Excel MCP Server, MCP Server for Excel

대안

같은 카테고리에서 다른 제작자가 만든 서버예요. 스타 순으로 정렬했어요.

카드 보는 법:★ GitHub 스타i세 기둥: 리뷰 · 점검 · 사용 정도i업데이트 = 최신 버전을 레지스트리에 공개한 날i

Agent-Native Calendar

제작자: BuilderIO

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

클라우드에서 실행★ 7,620MIT2개월 전 업데이트
설치

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.

내 컴퓨터에서 실행★ 847MIT3일 전 업데이트
설치

제작자의 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에게 묻기