Viewport-Control MCP Server

0
0 리뷰
0 Stars
Viewport-Control은 TypeScript 기반의 MCP 서버로, 사용자 정의 구성으로 브라우저를 실행하고, 뷰포트를 동적으로 크기 조정하며, 다양한 형식으로 스크린샷을 캡처하는 정교한 브라우저 뷰포트 제어 기능을 제공합니다. 이는 Claude Desktop과 같은 MCP 클라이언트와의 통합을 위해 설계되었습니다.
추가 날짜:
작성자:
Viewport-Control MCP Server

Viewport-Control MCP Server

0 리뷰
0
0
Viewport-Control MCP Server
Viewport-Control은 TypeScript 기반의 MCP 서버로, 사용자 정의 구성으로 브라우저를 실행하고, 뷰포트를 동적으로 크기 조정하며, 다양한 형식으로 스크린샷을 캡처하는 정교한 브라우저 뷰포트 제어 기능을 제공합니다. 이는 Claude Desktop과 같은 MCP 클라이언트와의 통합을 위해 설계되었습니다.
추가 날짜:
Created by:
May 12 2025
Jimmy Burns (pluckCode)
추천

Viewport-Control MCP Server란?

이 MCP 서버는 정확한 브라우저 자동화 기능을 제공합니다. 클라이언트는 특정 뷰포트 크기, 장치 스케일 팩터 및 모바일 에뮬레이션을 사용하여 Chromium 기반 브라우저를 실행할 수 있습니다. 사용자는 실시간으로 뷰포트를 크기 조정하고, 여러 형식 및 품질로 스크린샷을 캡처하며, 브라우저 세션을 쉽게 관리할 수 있습니다. Puppeteer 기반으로 구축되어 있으며, 고급 콘텐츠 추출 및 페이지 상호작용을 지원하여 자동화 환경에서 테스트, 모니터링 및 콘텐츠 관리 작업에 이상적입니다.

Viewport-Control MCP Server을 사용할 사람은?

  • 웹 개발자
  • 자동화 테스터
  • 콘텐츠 관리자
  • QC 엔지니어
  • MCP 클라이언트 통합자

Viewport-Control MCP Server 사용 방법은?

  • 단계1: 서버와 연결할 MCP 클라이언트 구성 설정
  • 단계2: 제공된 API를 사용하여 원하는 뷰포트 설정으로 브라우저 인스턴스 실행
  • 단계3: 필요에 따라 뷰포트를 동적으로 크기 조정
  • 단계4: 필요에 따라 스크린샷 캡처 또는 콘텐츠 추출
  • 단계5: 필요에 따라 브라우저 세션 종료 또는 관리

Viewport-Control MCP Server의 핵심 기능 및 장점

핵심 기능
  • 브라우저 실행
  • 뷰포트 크기 조정
  • 브라우저 종료
장점
  • 브라우저 뷰포트에 대한 세부 제어 제공
  • 동적 크기 조정 및 고화질 스크린샷 지원
  • 자동화된 콘텐츠 추출 및 테스트 용이

Viewport-Control MCP Server의 주요 사용 사례 및 애플리케이션

  • 사용자 지정 뷰포트로 자동화된 웹페이지 테스트
  • 모니터링을 위한 콘텐츠 스크레이핑 및 스크린샷 캡처
  • 장치 간 반응형 디자인 검증
  • 보관 또는 분석을 위한 콘텐츠 추출

Viewport-Control MCP Server의 자주 묻는 질문

개발자

당신은 또한 좋아할 수 있습니다:

개발자 도구

서버 및 클라이언트 상호작용을 관리하기 위한 데스크탑 응용 프로그램으로 폭넓은 기능을 제공합니다.
Eagle과 데이터 소스 간의 데이터 교환을 관리하는 Model Context Protocol 서버입니다.
채팅 환경 내에서 다양한 MCP 도구를 통합하여 직접 사용할 수 있는 채팅 기반 클라이언트로, 생산성을 향상시킵니다.
통합된 진입점을 통해 접근 가능한 여러 MCP 서버를 호스팅하는 Docker 이미지로, supergateway 통합이 포함되어 있습니다.
MCP 프로토콜을 통해 YNAB 계정 잔액, 거래 및 거래 생성을 제공합니다.
실시간 다수 클라이언트 Zerodha 거래 작업을 관리하기 위한 빠르고 확장 가능한 MCP 서버.
MCP 서버에 대한 원격 도구 활용을 위한 안전한 프록시 기반 접속을 용이하게 하는 원격 SSH 클라이언트.
Minecraft 모드 간의 통신 프로토콜 관리 및 처리에 AI 기능을 통합한 Spring 기반 MCP 서버.
필수 채팅 기능을 지원하는 미니멀한 MCP 클라이언트로, 다중 모델 및 맥락 기반 상호작용을 지원합니다.
AI 에이전트가 2FA 코드 및 비밀번호를 위해 Authenticator 앱과 상호 작용할 수 있도록 하는 안전한 MCP 서버입니다.

브라우저 자동화

웹 검색을 위한 Brave Search API를 통합한 MCP 클라이언트로, 효율적인 통신을 위한 MCP 프로토콜을 활용합니다.
프로그램 방식으로 Google 슬라이드 프레젠테이션을 생성, 읽기 및 수정하기 위한 서버 프로토콜.
AI 에이전트가 브라우저 사용을 통해 실시간 VNC 스트리밍으로 웹 브라우저를 제어할 수 있게 해주는 MCP 서버입니다.
ESLint 지원 및 React 플러그인을 갖춘 TypeScript 기반의 프로젝트 템플릿입니다.
브라우저 자동화 및 네트워크 분석을 통해 웹 애플리케이션을 평가하고 디버그하는 자율 시스템입니다.
Claude와 유사한 AI 클라이언트 및 VS Code의 Copilot과 통합된 Selenium 기반 테스트 MCP입니다.
Redis, GitHub, Google Maps 및 웹 스크레이핑 도구와 같은 MCP 서버와의 통합을 용이하게 하는 Go 라이브러리입니다.
브라우저 자동화 및 Minecraft 서버와의 상호작용을 가능하게 하는 Python 기반 MCP 클라이언트입니다.
Minecraft 서버 구성 및 플러그인 설정을 쉽게 탐색하고 관리할 수 있는 웹 기반 도구입니다.
자동화 작업 관리를 위한 MCP 클라이언트를 통해 생성된 리포지토리입니다. Selenium 및 스크립팅 도구를 사용합니다.

모니터링

발렌시아시의 실시간 교통, 대기 질, 날씨 및 자전거 공유 데이터를 통합된 플랫폼에서 제공합니다.
SSE, StdIO 또는 외부 프로세스를 통해 MCP 서버와 상호 작용할 수 있는 PHP 클라이언트 라이브러리입니다.
MCP 시스템 상호 작용을 위한 오프라인 접근, 성능 및 세부 메트릭을 제공하는 크로스 플랫폼 데스크톱 앱.
메트릭 및 모니터링 데이터를 수집하고 노출하기 위한 간소화된 Prometheus MCP 서버입니다.
클라이언트 간에 MCP 서버를 관리하기 위한 GUI 도구로, 매끄러운 전환 및 실시간 모니터링 기능이 있습니다.
슈퍼 게이트웨이를 통한 GitLab SSE 통신을 촉진하는 클라이언트 및 서버 설정으로 실시간 업데이트 제공.
보안 토큰 인증을 지원하는 자가 호스팅된 ntfy 서버에 알림을 보내기 위한 서버입니다.
Elasticsearch 7 및 8을 지원하는 검색, 매핑, 건강 및 통계 모니터링을 위한 Python SDK 기반 MCP.
효율적인 마이크로서비스 배포 및 관리를 위한 포괄적인 컨테이너 모음입니다.
사용자 인증, 메시지 기록 및 건강 모니터링 기능이 포함된 WebSocket 기반 실시간 채팅 애플리케이션입니다.