전체 페이지, 요소 및 장치 크기 기능이있는 웹 사이트 스크린 샷 캡처을위한 모델 Context Protocol MCP 서버.

특징

-Full-page 스크린샷 캡처 자동 스크롤

• **Element-specific screenshots ** CSS selectors 사용
• **Multiple 장치 미리 설치 ** (모바일, 태블릿, 데스크탑)
• 맞춤형 뷰포트 구성
• Advanced 대기 조건 (CSS selectors, 네트워크 요일, 사용자 정의 지연)
• ** 보안 작동에 대한 수수료 및 유효성**
• **Rate limiting ** 자원 배출 방지

설치

1. Clone 또는 이 프로젝트를 다운로드
2. 디렉토리로 이동: cd /path/to/ScreenshotMCP
3. 이름 .env.example에 .env
4. 의존성 설치: npm install
5. 서버 시작: npm start

Claude 코드 사용

Claude Code CLI 또는 Claude Desktop 내에서 스크린 샷을 개발 작업 흐름의 일부로 캡처 할 수 있습니다.

클래드 코드 CLI: ~/.config/claude/mcp_servers.json에 추가:

또는

claude mcp add screenshot-full-page-mcp node ./index.js claude mcp add screenshot-full-page-mcp node ./index.js] [T6]] [T6]] [T6]] [T6]] [T6]] [T6]] [T6]] [T6] [T6] [T6]] [T6]] [T6]] [T6] [T6]] [T6] [T6]] [T6]] [T6] [T6]] [T6] [T6] [T6]] [T6]] [T6]] [T6] [T6]] [T6]] [T6] [T6] [T6] [T6] claude mcp add screenshot-full-page-mcp node ./index.js]]] [T6]]] claude mcp add screenshot-full-page-mcp node ./index.js claude mcp add screenshot-full-page-mcp node ./index.js] claude mcp add screenshot-full-page-mcp node ./index.js]]] claude mcp add screenshot-full-page-mcp node ./index.js] claude mcp add screenshot-full-page-mcp node ./index.js]]] claude mcp add screenshot-full-page-mcp node ./index.js [[claude mcp add screenshot-full-page-mcp node ./index.js]]]]]]]]] claude mcp add screenshot-full-page-mcp node ./index.js]]]]]]]]]]]]]]]]]]

** Claude 데스크톱:** claude_desktop_config.json에 추가:

Cursor 사용

Screenshot MCP

A Model Context Protocol MCP server for capturing website screenshots with full page, element, and device size features.

Features

• Full-page screenshot capture with automatic scrolling
• Element-specific screenshots using CSS selectors
• Multiple device presets (mobile, tablet, desktop)
• Custom viewport configurations
• Advanced wait conditions (CSS selectors, network idle, custom delays)
• Error handling and validation for secure operation
• Rate limiting to prevent resource exhaustion

Installation

1. Clone or download this project
2. Move to the directory: cd /path/to/ScreenshotMCP
3. rename .env.example to .env
4. Install dependencies: npm install
5. Start Server: npm start

Using with Claude Code

You can use Screenshot MCP directly within the Claude Code CLI or Claude Desktop to capture screenshots as part of your development workflow.

For Claude Code CLI: Add to your ~/.config/claude/mcp_servers.json:

{
  "screenshot-full-page-mcp": {
    "command": "node",
    "args": ["/path/to/screenshot-full-page-mcp/index.js"]
  }
}

or

claude mcp add screenshot-full-page-mcp node ./index.js

For Claude Desktop: Add to your claude_desktop_config.json:

{
  "mcpServers": {
    "screenshot-full-page-mcp": {
      "command": "node",
      "args": ["/path/to/screenshot-full-page-mcp/index.js"]
    }
  }
}

Using with Cursor

You can use Screenshot MCP directly within the Cursor IDE to capture screenshots as part of your development workflow.

1. Open Cursor.

2. Go to Settings > MCP Servers.

3. Add a new MCP server entry for Screenshot MCP:

   {
     "mcpServers": {
       "screenshot-full-page-mcp": {
         "command": "node",
         "args": ["/path/to/screenshot-full-page-mcp/index.js"]
       }
     }
   }
   

4. Save your settings.

Usage

Once configured, you can use natural language commands with Claude Code:

Basic Screenshot

"Take a screenshot of https://example.com"

Mobile Screenshot

"Capture a mobile screenshot of https://myapp.com"

Custom Viewport

"Screenshot https://myapp.com at 1024x768 resolution"

Wait for Element

"Take a screenshot of https://example.com after the loading spinner disappears"

Element Screenshot

"Capture just the navigation bar from https://example.com"

Available Tools

capture_screenshot

Captures a full-page screenshot with advanced configuration options.

Parameters:

• url (required): The webpage URL to screenshot
• viewport: Viewport configuration
  • preset: Device preset (mobile, tablet, desktop)
  • width: Custom width in pixels (100-5000)
  • height: Custom height in pixels (100-5000)