ต้นแบบ · รุ่นทดลอง: มีทุก server ในทะเบียนทางการ อัปเดตทุก 30 นาที เข้าสู่ระบบด้วย Google เพื่อเขียนรีวิวได้แล้ว
PopNx MCPที่รวม MCP สำหรับคนใช้ AI · วิธีติดตั้งภาษาไทยทุกตัว

OpenScreenShot

โดย PGHQdevรุ่น 2.5.2i★ 93 (ดาวรวมทั้งรีโป)iบนเครื่องหรือคลาวด์
ชื่อใน registryio.github.PGHQdev/openscreenshot

วิธีติดตั้ง

ใช้ทำอะไรได้

ยังไม่มีคำอธิบายภาษาไทย ดูข้อเท็จจริงด้านล่าง หรือเปิดคำอธิบายต้นฉบับจากผู้ทำ

  • ต่อแบบ คลาวด์หรือติดตั้งในเครื่อง
  • บัญชีหรือคีย์ คลาวด์: ต้องมี Authorization · ในเครื่อง: ต้องมี OPENSCREENSHOT_API_KEY
  • หมวด เว็บและเบราว์เซอร์
คำอธิบายต้นฉบับจากผู้ทำ (อังกฤษ)
Capture website screenshots (viewport or full page) with local Chrome, or on OpenScreenShot Cloud.

ติดตั้ง

เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง

ผลตรวจผ่าน 3/5 · สิ่งที่คุณถามผ่านเซิร์ฟเวอร์ของผู้ทำ (cloud.openscreenshot.app)

ขั้นแรก: คุณใช้ AI ตัวไหน

เลือกแอปที่คุณใช้ ขั้นตอนจะขึ้นด้านล่าง

ต่อกับ Claude ได้ · ประมาณ 5 นาที

ต้องมีคีย์ของ OpenScreenShot (สร้างที่เว็บของผู้ทำ) · ตั้งครั้งเดียวที่ claude.ai หรือแอปบนคอม แล้วใช้ในแชตได้ · บัญชีฟรีเพิ่มได้ 1 ตัว · แผน Team/Enterprise ให้เจ้าของ (Owner) เป็นคนเพิ่ม

  1. สมัครและสร้างคีย์ของ OpenScreenShot

    เปิดเว็บของผู้ทำ สมัครบัญชีแล้วสร้างคีย์ (API key) เก็บไว้ ใช้ในขั้นถัดไป ราคาและแผนฟรีดูที่เว็บของผู้ทำ

    เปิดเว็บของ OpenScreenShot ↗

  2. เปิดหน้า Connectors ของ Claude

    CustomizeConnectors

    CustomizeConnectors1+ Add2https://…3Add4
  3. กด “+ Add” → “Add custom connector” แล้วกรอก 2 ช่องนี้

    คัดลอกจากที่นี่ไปวางในช่องชื่อเดียวกันบนหน้าจอของ Claude แล้วกด Continue

    Name · ชื่อOpenScreenShot
    Remote MCP server URL · ที่อยู่https://cloud.openscreenshot.app/mcp

    ที่หัวข้อ Request headers เพิ่มชื่อและค่านี้

    ชื่อ headerAuthorization
    ค่าBearer <วางคีย์ของคุณตรงนี้>

    วางคีย์ในช่องของแอปเท่านั้น อย่าวางในแชตหรือส่งให้ใคร

    หัวข้อ Authentication ปล่อยตามที่ Claude ตรวจเจอ แล้วกด Add

  4. เปิดใช้ในแชต

    +ConnectorsOpenScreenShot

  5. ลองเลย

    ใช้ OpenScreenShot บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง

    ✓ ถ้า Claude บอกว่ากำลังใช้ OpenScreenShot หรือมีชื่อเครื่องมือของ OpenScreenShot ขึ้นในคำตอบ แปลว่าต่อสำเร็จ

ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป

ChatGPT ยังต่อ OpenScreenShot ไม่ได้

OpenScreenShot ต้องใส่คีย์ส่วนตัวตอนต่อ แต่หน้าช่วยเหลือของ OpenAI พูดถึงแค่การเข้าสู่ระบบแบบ OAuth ยังไม่มีวิธีใส่คีย์ที่เราตรวจได้

คุณทำแบบนี้แทนได้

ก · ใช้แอปที่ต่อ OpenScreenShot ได้

  • ต้องมีคีย์ของ OpenScreenShot (สร้างที่เว็บของผู้ทำ) · ตั้งครั้งเดียวที่ claude.ai หรือแอปบนคอม แล้วใช้ในแชตได้ · บัญชีฟรีเพิ่มได้ 1 ตัว · แผน Team/Enterprise ให้เจ้าของ (Owner) เป็นคนเพิ่ม
  • ต้องมีคีย์ของ OpenScreenShot (สร้างที่เว็บของผู้ทำ)
  • ต้องมีคีย์ของ OpenScreenShot (สร้างที่เว็บของผู้ทำ)
  • ต้องมีคีย์ของ OpenScreenShot (สร้างที่เว็บของผู้ทำ)

ข · ตัวอื่นในหมวด เว็บและเบราว์เซอร์ ที่ต่อกับ ChatGPT ได้

เลือกจากตัวที่ใช้มากในหมวดเดียวกัน เฉพาะตัวที่ต่อด้วยที่อยู่ได้โดยไม่ต้องใส่คีย์

ต่อกับ Claude Code ได้ · ประมาณ 5 นาที

ต้องมีคีย์ของ OpenScreenShot (สร้างที่เว็บของผู้ทำ)

  1. สมัครและสร้างคีย์ของ OpenScreenShot

    เปิดเว็บของผู้ทำ สมัครบัญชีแล้วสร้างคีย์ (API key) เก็บไว้ ใช้ในขั้นถัดไป ราคาและแผนฟรีดูที่เว็บของผู้ทำ

    เปิดเว็บของ OpenScreenShot ↗

  2. เปิด Terminal

    Mac: กด Command+Space พิมพ์ Terminal · Windows: เปิด PowerShell

  3. วางคำสั่งนี้แล้วกด Enter

    claude mcp add --transport http --scope user openscreenshot https://cloud.openscreenshot.app/mcp --header 'Authorization: Bearer ใส่ค่าของคุณ'

    แก้ “ใส่ค่าของคุณ” เป็นคีย์ของคุณก่อนกด Enter

    วางคีย์ในช่องของแอปเท่านั้น อย่าวางในแชตหรือส่งให้ใคร

  4. พิมพ์ /mcp ใน Claude Code

    ต้องเห็น OpenScreenShot ในรายการและขึ้นว่าเชื่อมต่อแล้ว

  5. ลองเลย

    ใช้ OpenScreenShot บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง

    ✓ ถ้า Claude Code บอกว่ากำลังใช้ OpenScreenShot หรือมีชื่อเครื่องมือของ OpenScreenShot ขึ้นในคำตอบ แปลว่าต่อสำเร็จ

ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป

ต่อกับ Cursor ได้ · ประมาณ 5 นาที

ต้องมีคีย์ของ OpenScreenShot (สร้างที่เว็บของผู้ทำ)

  1. สมัครและสร้างคีย์ของ OpenScreenShot

    เปิดเว็บของผู้ทำ สมัครบัญชีแล้วสร้างคีย์ (API key) เก็บไว้ ใช้ในขั้นถัดไป ราคาและแผนฟรีดูที่เว็บของผู้ทำ

    เปิดเว็บของ OpenScreenShot ↗

  2. กดปุ่มนี้เพื่อเปิด Cursor

    เปิดใน Cursor

    Cursor จะถามยืนยันการติดตั้ง ให้กด Install

  3. ใส่คีย์ในช่องที่ว่างไว้

    ในค่าตั้งของ OpenScreenShot ช่อง Authorization ยังว่าง ใส่คีย์ของคุณแล้วบันทึก

    วางคีย์ในช่องของแอปเท่านั้น อย่าวางในแชตหรือส่งให้ใคร

  4. เปิดแชตของ AI ใน Cursor โหมด Agent

  5. ลองเลย

    ใช้ OpenScreenShot บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง

    ✓ ถ้า Cursor บอกว่ากำลังใช้ OpenScreenShot หรือมีชื่อเครื่องมือของ OpenScreenShot ขึ้นในคำตอบ แปลว่าต่อสำเร็จ

ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Cursor เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป

ต่อกับ VS Code ได้ · ประมาณ 5 นาที

ต้องมีคีย์ของ OpenScreenShot (สร้างที่เว็บของผู้ทำ)

  1. สมัครและสร้างคีย์ของ OpenScreenShot

    เปิดเว็บของผู้ทำ สมัครบัญชีแล้วสร้างคีย์ (API key) เก็บไว้ ใช้ในขั้นถัดไป ราคาและแผนฟรีดูที่เว็บของผู้ทำ

    เปิดเว็บของ OpenScreenShot ↗

  2. กดปุ่มนี้เพื่อเปิด VS Code

    เปิดใน VS Code

    VS Code จะถามยืนยันการติดตั้ง ให้กด Install

  3. ใส่คีย์ในช่องที่ว่างไว้

    ในค่าตั้งของ OpenScreenShot ช่อง Authorization ยังว่าง ใส่คีย์ของคุณแล้วบันทึก

    วางคีย์ในช่องของแอปเท่านั้น อย่าวางในแชตหรือส่งให้ใคร

  4. เปิดแชตของ AI ใน VS Code โหมด Agent

  5. ลองเลย

    ใช้ OpenScreenShot บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง

    ✓ ถ้า VS Code บอกว่ากำลังใช้ OpenScreenShot หรือมีชื่อเครื่องมือของ OpenScreenShot ขึ้นในคำตอบ แปลว่าต่อสำเร็จ

ชื่อเมนูตรวจกับหน้าช่วยเหลือของ VS Code เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป

โปรแกรมอื่นที่ใช้ MCP ได้ เช่น Windsurf, Zed หรือ Gemini CLI มีวิธีเพิ่มต่างกัน ดูวิธีของแต่ละตัวในหน้ารวมโปรแกรม

ดูโปรแกรมที่ใช้ MCP ทั้งหมด →

ที่อยู่สำหรับโปรแกรมที่ต่อผ่านเว็บ

ที่อยู่https://cloud.openscreenshot.app/mcp

ค่าตั้งแบบไฟล์ JSON อยู่ในหัวข้อ “สำหรับคนเขียนโค้ด” ด้านล่าง

ติดตรงไหน? ถามคนที่ใช้ OpenScreenShot อยู่💬 พูดคุย →
สำหรับคนเขียนโค้ด: คำสั่ง Terminal และค่าตั้ง JSON

ต่อผ่านเว็บ

Claude Code

claude mcp add --transport http --scope user openscreenshot https://cloud.openscreenshot.app/mcp --header 'Authorization: Bearer ใส่ค่าของคุณ'

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "openscreenshot": {
      "url": "https://cloud.openscreenshot.app/mcp",
      "headers": {
        "Authorization": "Bearer ใส่ค่าของคุณ"
      }
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "openscreenshot": {
      "type": "http",
      "url": "https://cloud.openscreenshot.app/mcp",
      "headers": {
        "Authorization": "Bearer ใส่ค่าของคุณ"
      }
    }
  }
}

ติดตั้งในเครื่อง

Claude Code

claude mcp add --scope user openscreenshot --env CHROME_PATH='ใส่ค่าของคุณ' --env OPENSCREENSHOT_API_KEY='ใส่ค่าของคุณ' --env OPENSCREENSHOT_CLOUD_URL='ใส่ค่าของคุณ' -- npx -y openscreenshot

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "openscreenshot": {
      "command": "npx",
      "args": [
        "-y",
        "openscreenshot"
      ],
      "env": {
        "CHROME_PATH": "ใส่ค่าของคุณ",
        "OPENSCREENSHOT_API_KEY": "ใส่ค่าของคุณ",
        "OPENSCREENSHOT_CLOUD_URL": "ใส่ค่าของคุณ"
      }
    }
  }
}

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "openscreenshot": {
      "command": "npx",
      "args": [
        "-y",
        "openscreenshot"
      ],
      "env": {
        "CHROME_PATH": "ใส่ค่าของคุณ",
        "OPENSCREENSHOT_API_KEY": "ใส่ค่าของคุณ",
        "OPENSCREENSHOT_CLOUD_URL": "ใส่ค่าของคุณ"
      }
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "openscreenshot": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "openscreenshot"
      ],
      "env": {
        "CHROME_PATH": "ใส่ค่าของคุณ",
        "OPENSCREENSHOT_API_KEY": "ใส่ค่าของคุณ",
        "OPENSCREENSHOT_CLOUD_URL": "ใส่ค่าของคุณ"
      }
    }
  }
}

ค่าที่ต้องใส่เอง

  • CHROME_PATH env
    Path to a Chrome, Chromium, or Edge executable. Leave unset to auto-detect.
  • OPENSCREENSHOT_API_KEY ความลับ env
    API key for OpenScreenShot Cloud, used with cloud: true. Not needed for local captures.
  • OPENSCREENSHOT_CLOUD_URL env
    OpenScreenShot Cloud base URL for cloud: true. Defaults to https://cloud.openscreenshot.app.
  • Authorization ความลับ จำเป็น HTTP header
    Bearer osc_live_… API key from openscreenshot auth login or the Cloud dashboard

ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README

สรุป

ดาว GitHubi
93 (ดาวรวมทั้งรีโป)
รีโปนี้มี MCP หลายรายการ ดาวนับในอันดับแค่รายการเดียว
ดาวน์โหลดต่อสัปดาห์i
82/สัปดาห์
การเชื่อมต่อ
บนเครื่องหรือคลาวด์
รุ่นล่าสุดi
2.5.2
ส่งเข้า registryi
21 ต.ค. 2569
แก้โค้ดล่าสุดi
25 ต.ค. 2569
ผู้ทำ
PGHQdev
แพ็กเกจ
npm: openscreenshot
เว็บผู้ทำ
openscreenshot.app
สถานะใน registry
ใช้งานอยู่

ใช้กับโปรแกรมไหนได้

ดูจากแบบการต่อของ server ตัวนี้ และเอกสารของผู้ทำโปรแกรมแต่ละตัว ตรวจเมื่อ 10 พ.ย. 2569

ต่อผ่านคลาวด์ได้ใน

ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast

ติดตั้งบนเครื่องได้ใน

ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast

ดูโปรแกรมทั้งหมดพร้อมข้อดีข้อเสีย →

คู่มือที่เกี่ยวข้อง

ทำอะไรได้บ้าง

server ให้ล็อกอินก่อนจึงจะแสดงรายการเครื่องมือ

ผลตรวจเบื้องต้นi

เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 12 พ.ย. 2569

  • ✓ ผ่าน

    ตัวตนผู้ทำตรงกับ repo

    ชื่อใน registry ยืนยันด้วยบัญชี GitHub PGHQdev ซึ่งเป็นเจ้าของ repo

  • ✓ ผ่าน

    ยังมีคนดูแล

    มีการแก้โค้ดล่าสุด 18 วันที่ผ่านมา

  • ✓ ผ่าน

    มีสัญญาอนุญาต (license)

    ใช้ MIT

  • ! ควรระวัง

    endpoint ตอบ

    ตอบว่าไม่ให้เข้า (HTTP 401) และไม่มีวิธีล็อกอินแบบ OAuth อาจต้องใช้คีย์ หรือเป็นด่านกันบอท ยังยืนยันไม่ได้

  • ! ควรระวัง

    ล็อกอินแบบ OAuth

    ต้องใช้กุญแจหรือ token ที่คัดลอกมาวางเอง

  • … ยังไม่ตรวจ

    คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง

    ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint

พูดคุย

ถาม แชร์เคล็ดลับ หรือแจ้งว่าใช้ไม่ได้ เรียงตามที่คนกดว่ามีประโยชน์

ยังไม่มีใครโพสต์ ถามหรือแชร์เป็นคนแรกได้เลย

ข้อความในส่วนนี้เขียนโดยผู้ใช้ ไม่ใช่ทีม PopNx

เข้าสู่ระบบด้วย Google เพื่อโพสต์

รีวิวจากผู้ใช้

ยังไม่มีรีวิว

เข้าสู่ระบบด้วย Google เพื่อเขียนรีวิว

เทียบกับตัวอื่นในหมวด เว็บและเบราว์เซอร์i

  • ดาวมากกว่า 95% ของอีก 1495 ตัวในหมวดนี้
  • ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 57% ของอีก 1495 ตัวในหมวดนี้
  • ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 11% ของอีก 1495 ตัวในหมวดนี้

เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo

คำถามที่พบบ่อย

OpenScreenShot ปลอดภัยไหม?

จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 5 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น

ต้องใช้กุญแจหรือรหัสอะไรบ้าง?

ต้องใส่ค่าเหล่านี้: Authorization, OPENSCREENSHOT_API_KEY

ตัวนี้รันบนเครื่องหรือบนคลาวด์?

ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้

ยังมีคนดูแลอยู่ไหม?

repo บน GitHub มีการแก้โค้ดล่าสุด 18 วันที่ผ่านมา และส่งรุ่นล่าสุด (2.5.2) เข้า registry 22 วันที่ผ่านมา

ใช้กับโปรแกรมไหนได้บ้าง?

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT แผน Business ขึ้นไป

มีตัวไหนใช้แทนได้บ้าง?

ในหมวดเดียวกันมี Browser Use, Scrapling MCP Server, Chrome DevTools MCP

ตัวอื่นในหมวดเดียวกัน

server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว

อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi

Browser Use

ให้ AI ทำงานบนเว็บแทนคุณ เช่น กรอกฟอร์ม ค้นหา และดึงข้อมูล ใช้เบราว์เซอร์บนคลาวด์ของผู้ทำหรือรันในเครื่องก็ได้

โดย browser-useใช้กันมาก↓ 1.7M/สัปดาห์★ 120.7Kอัปเดต 22 วันที่ผ่านมา

บนเครื่องหรือคลาวด์✓ เจ้าของบริการ · browser-use.com

Scrapling MCP Server

ดึงข้อมูลจากเว็บ รองรับเบราว์เซอร์จริงและเว็บที่มีระบบกันบอท

โดย D4Vinciใช้กันมาก↓ 396.9K/สัปดาห์★ 101.6Kอัปเดต 7 วันที่ผ่านมา

รันบนเครื่อง

Chrome DevTools MCP

ให้ AI ใช้เครื่องมือนักพัฒนาของ Chrome ตรวจหน้าเว็บ ดูว่าโหลดช้าตรงไหน และหาข้อผิดพลาด ทำโดยทีม Chrome DevTools

โดย ChromeDevToolsใช้กันมาก↓ 1.9M/สัปดาห์★ 55.1Kอัปเดต เมื่อวาน

รันบนเครื่อง

README จากผู้ทำ

เปิดอ่าน README

ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ

openscreenshot

Website screenshots from your terminal, your CI, or your AI agent.

A local CLI and MCP server. It drives the Chrome already on your machine.

Local by default, with no account and no API key. OpenScreenShot Cloud is optional.

Website · CLI guide · MCP guide · Report a bug


Quick start

npx openscreenshot shot https://example.com --out example.png --full

That opens a headless Chrome, loads the page, saves a full-page PNG, and closes the browser.

You need: Node.js 22.12 or newer, and Google Chrome, Chromium, or Microsoft Edge. The package ships no browser of its own, so the install stays small.

Package managerRun onceInstall globally
npmnpx openscreenshot shot npm i -g openscreenshot
pnpmpnpm dlx openscreenshot shot pnpm add -g openscreenshot
Bunbunx openscreenshot shot bun add -g openscreenshot

Install globally to use the openscreenshot command everywhere. For CI, add it to the project instead (npm i -D openscreenshot), so each run uses the version in your lockfile.

CLI

openscreenshot shot <url> [--out <file>|-] [--full] [--width <n>] [--height <n>]

[--redact ]... [--redact-pattern ]... [--redact-rect ]... [--cloud [ ]] [--key ] [--format ] openscreenshot auth login [--cloud ] openscreenshot auth logout openscreenshot serve

OptionDefaultWhat it does
requiredThe page to capture. Use a full URL with https://.
--out screenshot.pngWhere to write the PNG. Use - to write bytes to stdout.
--fulloffCapture the whole scrollable page, not only the viewport.
--width 1280Viewport width in pixels, from 200 to 3840.
--height 800Viewport height in pixels, from 200 to 2160.
--redact noneCover the elements that match a CSS selector. Repeat for more.
--redact-pattern noneCover text that matches email, phone, or secret. Repeat, or use a comma list.
--redact-rect noneCover a rectangle, in pixels of the output image. Repeat for more.
--cloud [ ]offRender on OpenScreenShot Cloud. See Cloud.
--key noneCloud API key (osc_live_…) for this run.
--format pngWith --cloud: png, jpeg, webp, pdf, html, or markdown.
Examples
# Full page

openscreenshot shot https://example.com --out page.png --full

Fixed desktop viewport

openscreenshot shot https://example.com --out desktop.png --width 1440 --height 900

Narrow viewport to check a responsive layout

openscreenshot shot https://example.com --out narrow.png --width 390 --height 844

Pipe the PNG to another tool

openscreenshot shot https://example.com --out - > shot.png

Cover the account menu, every email address, and a 200x40 area at the top left

openscreenshot shot https://example.com --out safe.png --redact "#account-menu" --redact-pattern email --redact-rect 0,0,200,40

See Redaction for how it works and what it can miss.

Local output is always PNG. A .jpg or .pdf file name does not convert it. For other formats, use --cloud with --format.

A narrow viewport changes the layout width only. The CLI keeps a desktop user agent, so it does not emulate a phone's touch input or pixel ratio.

Exit codes
CodeMeaning
0The file was written.
1The capture failed, for example Chrome not found or a timeout.
2Bad usage or an option out of range.

Exit code 0 means the CLI saved the file. It does not prove that the page loaded correctly, so look at the image for error pages or loading spinners.

MCP server

openscreenshot with no arguments on a piped stdin starts a Model Context Protocol server over stdio, which is how an MCP client runs it. openscreenshot serve does the same and stays for existing configs. Your AI client starts it as a local process; there is no URL to enter.

Add it to your client

Clients that use an mcpServers object (Claude Desktop, Cursor, Windsurf, and others):

{

"mcpServers": { "openscreenshot": { "command": "npx", "args": ["-y", "openscreenshot"] } } }

Claude Code:

claude mcp add openscreenshot -- npx -y openscreenshot

Restart or reload the client after you save the config. The client must find npx (or pnpm, bunx) on its PATH.

Tool: capture_screenshot
InputTypeDefaultNotes
urlstring—Required. A full page URL.
fullPagebooleanfalseCapture the whole page.
widthinteger1280200 to 3840.
heightinteger800200 to 2160.
redactobject—Optional. See below.
cloudbooleanfalseRender on Cloud. See Cloud.
{ "url": "https://example.com", "fullPage": true, "width": 1440, "height": 900 }

redact has three optional lists:

FieldTypeWhat it covers
selectorsstring[]Elements that match each CSS selector.
patterns("email" \"phone" \"secret")[]Matching text in the page and in form values.
rects{ x, y, width, height }[]Rectangles, in pixels of the output image.
{

"url": "https://example.com", "redact": { "selectors": ["#account-menu"], "patterns": ["email", "secret"], "rects": [{ "x": 0, "y": 0, "width": 200, "height": 40 }] } }

The tool returns the PNG as MCP image content (image/png). It does not write a file. To save a named file, use the CLI.

Redaction

Redaction puts black boxes over the targets in the page, and then takes the screenshot. The unredacted pixels never get into the PNG, so they never get to your MCP client or to a hosted model.

  • Selectors. The box covers the element and all of its children. If a selector matches no element, or is not valid CSS, the capture fails.
  • Patterns. email finds email addresses. phone finds numbers with 9 to 15 digits. secret finds common API key and token shapes (OpenAI, Anthropic, Stripe, GitHub, AWS, Slack, Google, JWT). It also finds any run of 32 or more letters, digits, and underscores that has both a letter and a digit, such as a hash. Patterns look in text and in the values of input, textarea, and select fields.
  • Rectangles. Use these for canvas, images, and cross-origin iframes, where selectors and patterns cannot look. A rectangle that is fully outside the image fails the capture.

When redaction is on, the tool pauses CSS animations, places the boxes, and takes the screenshot. Then it finds the targets again. If a target moved out of its box, the capture fails. A failed capture writes no file and returns no image.

Patterns can miss text. They do not find text split across elements, text drawn in a canvas or an image, or a format they do not know. They can also cover text that only looks like a match. Look at the image before you share it.

What it can and cannot capture

Each capture starts a fresh headless browser with an empty profile.

  • It can capture any page a signed-out visitor can see: public sites, docs, status pages, staging builds, and localhost dev servers.
  • It cannot see your cookies or signed-in sessions. A page behind a login shows the login screen.
  • It does not click, type, wait for a selector, or set cookies. Navigation waits until the network is quiet (networkidle2), for up to 30 seconds.

For signed-in pages, annotations, or PDF export, use the OpenScreenShot browser extension for Chrome and Firefox.

OpenScreenShot Cloud (optional)

OpenScreenShot Cloud is a hosted screenshot API. It renders the page on Cloud servers, so you do not need Chrome on the machine. Local mode stays the default and needs no account.

The free plan gives 100 captures per month and needs no card. A failed capture is free. Paid plans are on the pricing page.

Sign in
openscreenshot auth login

The command prints a code, such as ABCD-EFGH, and opens https://cloud.openscreenshot.app/device in your browser. Sign in with the code that Cloud sends to your email, and approve the code. The CLI then stores an API key in ~/.openscreenshot.json. To use another Cloud base URL, add --cloud . openscreenshot auth logout removes the stored key.

Cloud from the CLI
# Full-page PNG, rendered on Cloud

openscreenshot shot https://example.com --out page.png --full --cloud

PDF of the page

openscreenshot shot https://example.com --out page.pdf --cloud --format pdf

--format accepts png, jpeg, webp, pdf, html, and markdown. --full, --width, and --height work as in local mode.

The CLI uses the first API key that it finds:

  1. --key osc_live_…
  2. The OPENSCREENSHOT_API_KEY environment variable
  3. The key that auth login stored

The base URL is --cloud , then `OPE

ตัดมาแค่ช่วงต้น อ่านต่อใน repo