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

snapmcp

โดย reeinhardddรุ่น 2.3.11i★ 0iรันบนเครื่อง
ชื่อใน registryio.github.reeinharddd/snapmcp

วิธีติดตั้ง

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

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

  • ต่อแบบ ติดตั้งในเครื่อง
  • บัญชีหรือคีย์ ไม่ต้องใส่คีย์
  • หมวด เอกสาร ตาราง และงานออฟฟิศ
คำอธิบายต้นฉบับจากผู้ทำ (อังกฤษ)
Visual documentation: terminal, code, browser, Markdown, HTML, diffs, PDF, GIF, and Office files.

ติดตั้ง

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

ผลตรวจผ่าน 3/3 · ทำงานบนเครื่องคุณ · ✓ ตรวจคำสั่งแล้ว 13 พ.ย. 2569

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

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

ต่อกับ Claude ได้ แต่ต้องเตรียมก่อน

ต้องมีคีย์ของ snapmcp (สร้างที่เว็บของผู้ทำ) · ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว) · ใช้ได้เฉพาะแอป Claude บนคอม (Windows หรือ Mac) ไม่ใช่บนเว็บหรือมือถือ

  1. ลง Node.js ในเครื่อง

    ทำครั้งเดียว ใช้ได้กับทุกตัวที่ต้องใช้ Node.js

    เปิดหน้าดาวน์โหลด Node.js ↗

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

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

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

  3. เปิดไฟล์ตั้งค่าของแอป Claude บนคอม

    SettingsDeveloperEdit Config

  4. วางค่าตั้งนี้แล้วบันทึกไฟล์

    {
      "mcpServers": {
        "snapmcp": {
          "command": "npx",
          "args": [
            "-y",
            "snapmcp"
          ],
          "env": {
            "SNAPMCP_DIR": "ใส่ค่าของคุณ",
            "SNAPMCP_THEME": "ใส่ค่าของคุณ",
            "SNAPMCP_FORMAT": "ใส่ค่าของคุณ",
            "SNAPMCP_QUALITY": "ใส่ค่าของคุณ",
            "SNAPMCP_ALLOWED_PATHS": "ใส่ค่าของคุณ",
            "SNAPMCP_SSRF_PROTECTION": "ใส่ค่าของคุณ",
            "SNAPMCP_SECURITY_CHECKS": "ใส่ค่าของคุณ",
            "SNAPMCP_CHROME_EXECUTABLE": "ใส่ค่าของคุณ",
            "SNAPMCP_CHROME_CHANNEL": "ใส่ค่าของคุณ",
            "SNAPMCP_CHROME_PROFILE": "ใส่ค่าของคุณ"
          }
        }
      }
    }

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

  5. ปิดแอป Claude แล้วเปิดใหม่

  6. ลองเลย

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

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

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

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

snapmcp ต้องติดตั้งในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะตัวที่ทำงานบนเว็บ

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

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

  • ต้องมีคีย์ของ snapmcp (สร้างที่เว็บของผู้ทำ) · ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว) · ใช้ได้เฉพาะแอป Claude บนคอม (Windows หรือ Mac) ไม่ใช่บนเว็บหรือมือถือ
  • ต้องมีคีย์ของ snapmcp (สร้างที่เว็บของผู้ทำ) · ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
  • ต้องมีคีย์ของ snapmcp (สร้างที่เว็บของผู้ทำ) · ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
  • ต้องมีคีย์ของ snapmcp (สร้างที่เว็บของผู้ทำ) · ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)

ข · ตัวอื่นในหมวด เอกสาร ตาราง และงานออฟฟิศ ที่ต่อกับ ChatGPT ได้

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

ต่อกับ Claude Code ได้ แต่ต้องเตรียมก่อน

ต้องมีคีย์ของ snapmcp (สร้างที่เว็บของผู้ทำ) · ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)

  1. ลง Node.js ในเครื่อง

    ทำครั้งเดียว ใช้ได้กับทุกตัวที่ต้องใช้ Node.js

    เปิดหน้าดาวน์โหลด Node.js ↗

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

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

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

  3. เปิด Terminal

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

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

    claude mcp add --scope user snapmcp --env SNAPMCP_DIR='ใส่ค่าของคุณ' --env SNAPMCP_THEME='ใส่ค่าของคุณ' --env SNAPMCP_FORMAT='ใส่ค่าของคุณ' --env SNAPMCP_QUALITY='ใส่ค่าของคุณ' --env SNAPMCP_ALLOWED_PATHS='ใส่ค่าของคุณ' --env SNAPMCP_SSRF_PROTECTION='ใส่ค่าของคุณ' --env SNAPMCP_SECURITY_CHECKS='ใส่ค่าของคุณ' --env SNAPMCP_CHROME_EXECUTABLE='ใส่ค่าของคุณ' --env SNAPMCP_CHROME_CHANNEL='ใส่ค่าของคุณ' --env SNAPMCP_CHROME_PROFILE='ใส่ค่าของคุณ' -- npx -y snapmcp

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

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

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

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

  6. ลองเลย

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

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

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

ต่อกับ Cursor ได้ แต่ต้องเตรียมก่อน

ต้องมีคีย์ของ snapmcp (สร้างที่เว็บของผู้ทำ) · ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)

  1. ลง Node.js ในเครื่อง

    ทำครั้งเดียว ใช้ได้กับทุกตัวที่ต้องใช้ Node.js

    เปิดหน้าดาวน์โหลด Node.js ↗

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

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

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

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

    เปิดใน Cursor

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

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

    ในค่าตั้งของ snapmcp ช่อง SNAPMCP_DIR, SNAPMCP_THEME, SNAPMCP_FORMAT, SNAPMCP_QUALITY, SNAPMCP_ALLOWED_PATHS, SNAPMCP_SSRF_PROTECTION, SNAPMCP_SECURITY_CHECKS, SNAPMCP_CHROME_EXECUTABLE, SNAPMCP_CHROME_CHANNEL, SNAPMCP_CHROME_PROFILE ยังว่าง ใส่คีย์ของคุณแล้วบันทึก

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

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

  6. ลองเลย

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

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

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

ต่อกับ VS Code ได้ แต่ต้องเตรียมก่อน

ต้องมีคีย์ของ snapmcp (สร้างที่เว็บของผู้ทำ) · ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)

  1. ลง Node.js ในเครื่อง

    ทำครั้งเดียว ใช้ได้กับทุกตัวที่ต้องใช้ Node.js

    เปิดหน้าดาวน์โหลด Node.js ↗

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

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

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

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

    เปิดใน VS Code

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

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

    ในค่าตั้งของ snapmcp ช่อง SNAPMCP_DIR, SNAPMCP_THEME, SNAPMCP_FORMAT, SNAPMCP_QUALITY, SNAPMCP_ALLOWED_PATHS, SNAPMCP_SSRF_PROTECTION, SNAPMCP_SECURITY_CHECKS, SNAPMCP_CHROME_EXECUTABLE, SNAPMCP_CHROME_CHANNEL, SNAPMCP_CHROME_PROFILE ยังว่าง ใส่คีย์ของคุณแล้วบันทึก

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

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

  6. ลองเลย

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

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

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

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

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

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

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

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

Claude Code

claude mcp add --scope user snapmcp --env SNAPMCP_DIR='ใส่ค่าของคุณ' --env SNAPMCP_THEME='ใส่ค่าของคุณ' --env SNAPMCP_FORMAT='ใส่ค่าของคุณ' --env SNAPMCP_QUALITY='ใส่ค่าของคุณ' --env SNAPMCP_ALLOWED_PATHS='ใส่ค่าของคุณ' --env SNAPMCP_SSRF_PROTECTION='ใส่ค่าของคุณ' --env SNAPMCP_SECURITY_CHECKS='ใส่ค่าของคุณ' --env SNAPMCP_CHROME_EXECUTABLE='ใส่ค่าของคุณ' --env SNAPMCP_CHROME_CHANNEL='ใส่ค่าของคุณ' --env SNAPMCP_CHROME_PROFILE='ใส่ค่าของคุณ' -- npx -y snapmcp

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "snapmcp": {
      "command": "npx",
      "args": [
        "-y",
        "snapmcp"
      ],
      "env": {
        "SNAPMCP_DIR": "ใส่ค่าของคุณ",
        "SNAPMCP_THEME": "ใส่ค่าของคุณ",
        "SNAPMCP_FORMAT": "ใส่ค่าของคุณ",
        "SNAPMCP_QUALITY": "ใส่ค่าของคุณ",
        "SNAPMCP_ALLOWED_PATHS": "ใส่ค่าของคุณ",
        "SNAPMCP_SSRF_PROTECTION": "ใส่ค่าของคุณ",
        "SNAPMCP_SECURITY_CHECKS": "ใส่ค่าของคุณ",
        "SNAPMCP_CHROME_EXECUTABLE": "ใส่ค่าของคุณ",
        "SNAPMCP_CHROME_CHANNEL": "ใส่ค่าของคุณ",
        "SNAPMCP_CHROME_PROFILE": "ใส่ค่าของคุณ"
      }
    }
  }
}

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "snapmcp": {
      "command": "npx",
      "args": [
        "-y",
        "snapmcp"
      ],
      "env": {
        "SNAPMCP_DIR": "ใส่ค่าของคุณ",
        "SNAPMCP_THEME": "ใส่ค่าของคุณ",
        "SNAPMCP_FORMAT": "ใส่ค่าของคุณ",
        "SNAPMCP_QUALITY": "ใส่ค่าของคุณ",
        "SNAPMCP_ALLOWED_PATHS": "ใส่ค่าของคุณ",
        "SNAPMCP_SSRF_PROTECTION": "ใส่ค่าของคุณ",
        "SNAPMCP_SECURITY_CHECKS": "ใส่ค่าของคุณ",
        "SNAPMCP_CHROME_EXECUTABLE": "ใส่ค่าของคุณ",
        "SNAPMCP_CHROME_CHANNEL": "ใส่ค่าของคุณ",
        "SNAPMCP_CHROME_PROFILE": "ใส่ค่าของคุณ"
      }
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "snapmcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "snapmcp"
      ],
      "env": {
        "SNAPMCP_DIR": "ใส่ค่าของคุณ",
        "SNAPMCP_THEME": "ใส่ค่าของคุณ",
        "SNAPMCP_FORMAT": "ใส่ค่าของคุณ",
        "SNAPMCP_QUALITY": "ใส่ค่าของคุณ",
        "SNAPMCP_ALLOWED_PATHS": "ใส่ค่าของคุณ",
        "SNAPMCP_SSRF_PROTECTION": "ใส่ค่าของคุณ",
        "SNAPMCP_SECURITY_CHECKS": "ใส่ค่าของคุณ",
        "SNAPMCP_CHROME_EXECUTABLE": "ใส่ค่าของคุณ",
        "SNAPMCP_CHROME_CHANNEL": "ใส่ค่าของคุณ",
        "SNAPMCP_CHROME_PROFILE": "ใส่ค่าของคุณ"
      }
    }
  }
}

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

  • SNAPMCP_DIR env
    Directory that confines every generated artifact (default: ./captures)
  • SNAPMCP_THEME env
    One of 27 built-in Shiki themes; terminal palettes are detected heuristically
  • SNAPMCP_FORMAT env
    Output image format: png or jpeg
  • SNAPMCP_QUALITY env
    JPEG quality from 1 to 100
  • SNAPMCP_ALLOWED_PATHS env
    Comma- or semicolon-separated file-read allowlist; file reads are denied when unset
  • SNAPMCP_SSRF_PROTECTION env
    Block private and local URL targets, including DNS-resolved private addresses
  • SNAPMCP_SECURITY_CHECKS env
    Enable broader input and file-read validation; output confinement and URL protocol checks remain active
  • SNAPMCP_CHROME_EXECUTABLE env
    Explicit system Chrome or Chromium executable; Playwright Chromium is the default
  • SNAPMCP_CHROME_CHANNEL env
    Playwright Chrome channel, such as stable, beta, dev, or canary
  • SNAPMCP_CHROME_PROFILE env
    Experimental persistent Chromium user-data directory: detected profile key/name or absolute path

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

สรุป

ดาวน์โหลดต่อสัปดาห์i
66/สัปดาห์
การเชื่อมต่อ
รันบนเครื่อง
รุ่นล่าสุดi
2.3.11
ส่งเข้า registryi
12 พ.ย. 2569
แก้โค้ดล่าสุดi
12 พ.ย. 2569
ผู้ทำ
reeinharddd
แพ็กเกจ
npm: snapmcp
เว็บผู้ทำ
github.com
สถานะใน registry
ใช้งานอยู่

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

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

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

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

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

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

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

รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง

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

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

  • ✓ ผ่าน

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

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

  • ✓ ผ่าน

    ยังมีคนดูแล

    มีการแก้โค้ดล่าสุด เมื่อวานซืน

  • ✓ ผ่าน

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

    ใช้ MIT

  • – ไม่เกี่ยว

    endpoint ตอบ

    ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต

  • – ไม่เกี่ยว

    ล็อกอินแบบ OAuth

    ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน

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

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

    รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต

พูดคุย

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

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

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

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

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

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

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

เทียบกับตัวอื่นในหมวด เอกสาร ตาราง และงานออฟฟิศi

  • ดาวมากกว่า 0% ของอีก 3880 ตัวในหมวดนี้
  • ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 91% ของอีก 3880 ตัวในหมวดนี้
  • ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 100% ของอีก 3880 ตัวในหมวดนี้

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

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

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

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

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

registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก

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

รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)

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

repo บน GitHub มีการแก้โค้ดล่าสุด เมื่อวานซืน และส่งรุ่นล่าสุด (2.3.11) เข้า registry เมื่อวานซืน

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

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย

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

ในหมวดเดียวกันมี Puter MCP, XcodeBuildMCP, XcodeBuildMCP

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

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

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

Puter MCP

Puter MCP enables AI tools to interact with Puter: manage files, websites, workers, and more

โดย HeyPuterใช้กันมาก★ 44.2Kอัปเดต 5 เดือนที่ผ่านมา

รันบนคลาวด์✓ เจ้าของบริการ · puter.com

XcodeBuildMCP

ให้ AI จัดการโปรเจกต์ Xcode สั่ง build และใช้ iOS Simulator

โดย getsentryใช้กันมาก↓ 130.5K/สัปดาห์ ยอดของแพ็กเกจที่ใช้ร่วม★ 6.6Kอัปเดต 4 เดือนที่ผ่านมา

รันบนเครื่อง✓ เจ้าของบริการ · xcodebuildmcp.com

XcodeBuildMCP

XcodeBuildMCP provides tools for Xcode project management, simulator management, and app utilities.

โดย cameroncookeใช้กันมาก↓ 130.5K/สัปดาห์ ยอดของแพ็กเกจที่ใช้ร่วม★ 6.6Kอัปเดต 14 เดือนที่ผ่านมา

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

README จากผู้ทำ

เปิดอ่าน README

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

The visual documentation MCP server.

Terminal · Code · Browser · Markdown · Diff · HTML · PDF · GIF

For documentation workflows — when structured snapshots aren't enough.


Real terminal colors, Shiki-highlighted code, visual diffs, PDFs and GIFs — one MCP server, 13 tools. Renders with your system Chrome, or auto-installs Chromium at first setup. SSRF protection on by default. Built for agents that write documentation, not just drive browsers.

Quick Start

Three steps, under two minutes:

1. Install

npm install -g snapmcp

or run without installing: npx -y snapmcp

2. Add to Claude Code (~/.claude/claude.json)

{

"mcpServers": { "snapmcp": { "command": "npx", "args": ["-y", "snapmcp"], "env": { "SNAPMCP_DIR": "./captures", "SNAPMCP_THEME": "nord" } } } }

3. Capture

Ask your agent in natural language:

"Capture a terminal screenshot of git log --oneline -5 and a syntax-highlighted PNG of src/index.ts."

The agent calls capture_terminal and capture_file — images land in ./captures/ with your real terminal theme and the chosen syntax theme applied.

Other clients: OpenCode, VS Code / Cline, Docker

OpenCode (opencode.json):

{

"mcpServers": { "snapmcp": { "command": "npx", "args": ["-y", "snapmcp"], "env": { "SNAPMCP_DIR": "./captures", "SNAPMCP_FORMAT": "jpeg", "SNAPMCP_QUALITY": "95" } } } }

VS Code / Cline / Roo-Cline (settings.json → cline.mcpServers):

{

"mcpServers": { "snapmcp": { "command": "npx", "args": ["-y", "snapmcp"], "env": { "SNAPMCP_DIR": "./captures", "SNAPMCP_FORMAT": "jpeg" } } } }

Docker:

docker run -i --rm \

-e SNAPMCP_DIR=/captures \ -e SNAPMCP_THEME=nord \ -v /path/to/output:/captures \ ghcr.io/reeinharddd/snapmcp

</details>

What it looks like

CapturePreview
Terminal (real detected colors)
Code (Shiki syntax)
Diff (green/red)

Why snapmcp vs Playwright MCP

Different tools for different jobs. Playwright MCP drives a browser through token-efficient accessibility snapshots; snapmcp renders pixel-faithful images for humans to read. If your agent needs to *click*, use Playwright. If it needs to *show*, use snapmcp.

Use casesnapmcpPlaywright MCP
Terminal capture with real colors✅ auto-detects Kitty, Gnome, Alacritty, WezTerm themes❌ no terminal support
Code → syntax-highlighted image✅ Shiki, 50+ languages, 27 themes❌ not its purpose
Git diff → visual red/green image✅ capture_diff❌
URL → PDF document✅ capture_pdf❌
Animated GIF from captures✅ capture_gif (zero-dep gifenc)❌
Markdown → styled document✅ capture_markdown, capture_document❌
Browser page screenshot✅ capture_browser (full-page or viewport)✅
Browser automation (click, fill, navigate)❌ screenshots only✅ accessibility-tree driven, token-efficient — the right tool for this

Most documentation pipelines pair them: Playwright MCP to *interact*, snapmcp to *document*.

Tools

ToolDescription
capture_terminalTerminal output with syntax-colored prompts (auto-detects real terminal theme)
capture_codeSyntax-highlighted code via Shiki (50+ languages, 27 themes)
capture_browserFull-page or viewport screenshots (uses system Chrome profile when available)
capture_fileFile → auto-detected language → highlighted screenshot
capture_markdownRendered markdown as a styled document
capture_htmlArbitrary HTML snippet rendered as image
capture_diffGit diffs with green additions / red deletions
capture_pdfURL → PDF document
capture_batchBatch capture multiple items in one call
capture_gifAnimated GIF from multiple screenshots
capture_sequenceSide-by-side animated sequence
capture_documentCreate document (MD/HTML/PDF) with embedded captures
snapmcp-hintServer capability hints for MCP clients

Use cases

Automated documentation — an agent writes a setup guide and embeds real captures: the terminal output of the install command (with your actual theme), the config file syntax-highlighted, the diff of the migration. One prompt, three capture_* calls, images saved next to the markdown.

Visual QA — after a UI change, the agent captures the affected pages with capture_browser, batches before/after with capture_batch, and assembles an animated comparison with capture_gif for the PR description.

Terminal guides — CLI tutorials where the screenshots must match what readers will see: capture_terminal reproduces the real prompt colors instead of a generic dark rectangle.

Security

SSRF protection is on by default — no opt-in required.

FeatureDescription
SSRF ProtectionOn by default (disable with SNAPMCP_SSRF_PROTECTION=false). Blocks IP literals (v4 + v6), localhost variants, and DNS names that resolve to private ranges (127.0.0.0/8, 10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16, fc00::/7, fe80::/10, etc.); every page request (redirects included) is re-checked
File AllowlistSNAPMCP_ALLOWED_PATHS defaults to deny-all when unset; only explicitly allowed paths can be captured
Path TraversalPrevents ../ escapes, symlink traversal (via realpath), and null byte injection
Input LimitsTerminal 1000 lines; code/markdown/HTML 200KB; diff 500KB; file reads 5MB; max GIF frames 60; max GIF canvas 8192×8192
Audit LogOptional structured JSON log file with timestamped events
Chromium SandboxSandbox availability checked at startup

Configuration

Environment variables for the MCP server:

VariableDefaultDescription
SNAPMCP_DIR./capturesOutput directory for captures
SNAPMCP_THEMEauto-detectedSyntax theme (27 built-in themes + auto-detected terminal)
SNAPMCP_FORMATpngOutput format (png, jpeg)
SNAPMCP_QUALITY90JPEG quality (1-100)
SNAPMCP_PADDING32Content padding in pixels
SNAPMCP_SHADOWnoneDrop shadow (none, soft, medium, strong; aliases sm/md/lg)
SNAPMCP_WINDOW_CHROMEfalsemacOS-style title bar frame
SNAPMCP_BORDER_RADIUS0Window corner radius
SNAPMCP_BADGEfalseFooter badge
SNAPMCP_LOG_FILE—Audit log file path
SNAPMCP_CHROME_EXECUTABLE—Path to Chrome/Chromium binary
SNAPMCP_CHROME_CHANNEL—Chrome channel (stable, beta, dev, canary)
SNAPMCP_CHROME_PROFILE—Chrome profile directory name
SNAPMCP_ALLOWED_PATHS(deny-all)Comma- or semicolon-separated allowed file paths for capture_file

27 built-in Shiki themes: dracula, one-dark-pro, nord, tokyo-night, catppuccin-mocha, catppuccin-latte, ayu-dark, ayu-light, vitesse-dark, vitesse-light, min-dark, min-light, poimandres, rose-pine, rose-pine-moon, rose-pine-dawn, slack-dark, slack-ochin, snazzy-light, github-dark-dimmed, github-light, one-light, solarized-light, solarized-dark, material-theme, material-theme-lighter, material-theme-ocean

CLI

SnapMCP ships with a full CLI beyond the MCP server:

snapmcp        — Start the MCP server

snapmcp init — Interactive setup wizard (detects Chrome, terminal theme, output dir) snapmcp doctor — Health check: 7 checks across Node, Chromium, paths, env snapmcp test — Generate test captures (terminal + code) to verify the setup

Documentation

PageContents
Getting StartedInstallation, quick start, MCP client setup
Tools ReferenceAll 13 tools with parameters and examples
ConfigurationAll SNAPMCP_* env vars, themes, defaults
CLI ReferenceInit, doctor, test commands
GuidesTerminal capture, browser capture, GIF animation
ARCHITECTURE.mdModule map, data flow, security architecture
CONTRIBUTING.mdDev workflow, testing guidelines, PR checklist

Development

git clone https://github.com/reeinharddd/snapmcp

cd snapmcp bun install bun run build # tsc → dist/ bun test # 317 tests

Requirements: Node.js ≥ 20 or Bun ≥ 1.2. CI runs on ubuntu / macOS / windows via GitHub Actions.

License

MIT — see LICENSE.