Urlbox Full Page Screenshots

공식

Urlbox 스크린샷 API용 MCP 서버입니다. 클라이언트가 웹사이트에서 스크린샷을 찍고, PDF를 생성하며, HTML/마크다운을 추출하는 등의 작업을 수행할 수 있게 해줍니다.

GitHub
4

Urlbox Full Page Screenshots MCP(으)로 무엇을 할 수 있나요?

  • 웹사이트 스크린샷 캡처 — render 도구를 사용하여 모든 URL의 PNG, PDF 또는 MP4 스크린샷을 찍습니다.
  • 페이지 콘텐츠를 HTML 또는 Markdown으로 추출 — 페이지의 전체 HTML을 가져오거나 추가 처리를 위해 Markdown으로 변환합니다.
  • 개요가 포함된 태그된 PDF 생성 — 접근성 태깅과 문서 개요가 포함된 전체 페이지 PDF를 렌더링합니다.
  • 광고 및 쿠키 배너 차단 — render 도구를 구성하여 스크린샷에서 광고를 숨기고 쿠키 동의 배너를 닫습니다.
  • 렌더를 로컬에 저장 — store_renders: true를 설정하여 스크린샷, PDF 또는 추출된 콘텐츠를 컴퓨터에 직접 다운로드합니다.

문서

Urlbox MCP 서버

image

Urlbox 스크린샷 API를 위한 MCP 서버입니다. 클라이언트가 웹사이트의 스크린샷 촬영, PDF 생성, HTML/마크다운 추출 등을 수행할 수 있도록 해줍니다.

자세한 내용은 Urlbox를 방문하시고, 문서를 읽어보거나 설치 후 LLM과 대화하여 옵션과 기능을 잘 이해하시기 바랍니다.

MCP Badge

설정

  1. 의존성 설치 및 빌드:

    npm install
npm run build

  2. Urlbox API 자격 증명 얻기:

  3. 환경 변수 설정:

claude_desktop_config.json

{
  "mcpServers": {
    "screenshot": {
      "command": "npx",
      "args": ["-y", "@urlbox/screenshot-mcp"],
      "env": {
        "SECRET_KEY": "your_api_key_here"
      }
    }
  }
}

사용법

서버는 다음과 같은 기능을 가진 render 도구를 제공합니다:

  • 다양한 형식(PNG, PDF, MP4 등)으로 스크린샷 촬영
  • 페이지를 HTML, 마크다운으로 변환
  • 메타데이터 및 쿠키 추출
  • store_renders: true을(를) 사용하여 파일을 로컬 다운로드 폴더에 저장

Claude는 웹사이트 스크린샷이나 웹 콘텐츠 변환을 요청할 때 이 도구를 자동으로 사용합니다.

유용한 프롬프트

광고나 쿠키 배너 없이 깔끔한 스크린샷 촬영:

Take a screenshot of https://example.com but block ads and hide cookie banners

HTML/마크다운과 같은 사이드 렌더를 스크린샷으로 저장:

Take a screenshot of https://example.com and also save it as HTML and markdown. Download the result to my computer.

전체 페이지 PDF 생성:

Convert https://urlbox.com to a PDF and save it to my computer. Make sure to generate a PDF that has an outline and is tagged.