webpage-screenshot-mcp logo

webpage-screenshot-mcp웹페이지의 스크린샷을 찍어 내 에이전트에게 제공하는 MCP. 개발 중에 진행 상황을 확인하는 데 유용할 때 사용하세요.

(0)
Daniel Nikulshyn리뷰어 Daniel Nikulshyn·업데이트됨 2026년 7월

개요

웹페이지 스크린샷 MCP (webpage-screenshot-mcp)는 모델 콘텍스트 프로토콜 (MCP) 서버입니다. 이 도구는 인공지능 에이전트가 Puppeteer를 사용하여 웹 페이지의 스크린샷을 캡처하는 것을 허용하는 것입니다. 개발 중에 진행상을 모니터링하거나 웹 애플리케이션을 시각적으로 검증하는 데 유용합니다. 풀페이지를 포함한 전체 스크린샷, CSS 선택자로 요소 스크린샷, PNG, JPEG 및 WebP와 같은 다중 이미지 형식이 지원됩니다. MCP 서버는 창 너비, 이미지 양자화, 대기 조건, 지연 시간과 같은 사용자 정의 옵션을 제공합니다. 또한 쉽게 통합할 수 있도록 Base64 인코딩, 수동 로그인 및 쿠키 유지, 그리고 다단계 워크플로우를위한 세션 유지가 제공됩니다. 이 도구는 CLI나 Desktop Extension을 통한 설치 또는 MANUAL SOURCE 설치이 가능합니다. 이 도구는 로그인 함수와 사용자 상호작용 대기 함수가 있습니다. 사용자가 다양한 선택지를 갖춘 다양한 옵션으로 웹의 스크린샷을 캡처할 수 있습니다.

주요 기능

  • 전체 화면 스크린샷
  • CSS 선택자를 사용한 요소 스크린샷
  • 다양한 포맷 (PNG, JPEG, WebP)
  • 정의 가능한 옵션 (뷰포트 크기, 이미지 품질, 대기 조건, 지연)
  • 배이스 64 인코딩으로 쉽게 통합할 수 있습니다.
  • 인증 지원 (수동 로그인 및 쿠키 지속)

가격

모델
Free
카테고리
MCP 서버
평점
아직 리뷰 없음

사용 사례

웹 애플리케이션의 시각적 확인

개발 및 테스트 중에 웹 애플리케이션의 시각적 확인을 위해 MCP 서버를 사용하세요.

스크린샷 자동 생성

웹 페이지의 스크린샷 생성을 automation 해서 쉽게 시각적 확인 및 테스트가 가능합니다.

장단점

장점

  • 웹 애플리케이션의 시각적 확인을 도움
  • 전체 화면 및 요소 스크린샷을 지원
  • 다양한 이미지 포맷 및 정의 가능한 옵션을 제공
  • 인증 지원 및 세션 지속을 허용

단점

  • Puppeteer와 Node.js를 사용하여 실행합니다.
  • 특정 사용 사례에 대해 추가 설정이 필요할 수 있습니다.

리뷰

리뷰를 작성하려면 로그인하세요.

아직 리뷰가 없습니다. 첫 번째가 되어보세요!

Q&A

webpage-screenshot-mcp를 실행하려면 어떤 사전 준비가 필요한가요?

Node.js와 Puppeteer가 설치되어 있어야 합니다. 도구는 Claude Desktop Extension을 통해 추가하거나 소스에서 수동으로 설치할 수 있지만, 커스텀 사용 사례에 따라 추가 설정이 필요할 수 있습니다.

Asked by Sven Bergqvist · May 15, 2026

이 도구에서 인증은 어떻게 동작하나요?

MCP 서버는 수동 로그인과 쿠키 지속성을 지원하여 여러 스크린샷 요청에 걸쳐 인증 세션을 유지할 수 있게 해줍니다.

Asked by Aisha Khan · Apr 26, 2026

페이지에서 특정 요소만 캡처할 수 있나요?

네, CSS 선택자를 사용하여 요소 스크린샷을 요청할 수 있습니다. 개발 중 개별 컴포넌트를 확인할 때 유용합니다.

Asked by Fiorella Bianchi · Apr 4, 2026

webpage-screenshot-mcp가 생성할 수 있는 이미지 포맷은 무엇인가요?

PNG, JPEG, WebP 포맷을 지원하며, 품질과 파일 크기 사이에서 최적의 균형을 선택할 수 있습니다.

Asked by Lior Ben-David · Feb 20, 2026

질문하기

MCP 서버 대안