Spec Driven Development
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Capture screenshots of webpages as images or PDFs with Screenshot Scout.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
SCREENSHOTSCOUT_ACCESS_KEY, SCREENSHOTSCOUT_SECRET_KEY, Authorizationค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"screenshotscout": {
"command": "npx",
"args": [
"-y",
"@screenshotscout/mcp"
],
"env": {
"SCREENSHOTSCOUT_ACCESS_KEY": "ใส่ค่าของคุณ",
"SCREENSHOTSCOUT_SECRET_KEY": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http screenshotscout https://mcp.screenshotscout.com/mcp/api-key --header 'Authorization: Bearer {access_key}'claude mcp add screenshotscout --env SCREENSHOTSCOUT_ACCESS_KEY='ใส่ค่าของคุณ' --env SCREENSHOTSCOUT_SECRET_KEY='ใส่ค่าของคุณ' -- npx -y @screenshotscout/mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"screenshotscout": {
"url": "https://mcp.screenshotscout.com/mcp/api-key",
"headers": {
"Authorization": "Bearer {access_key}"
}
}
}
}วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"screenshotscout": {
"command": "npx",
"args": [
"-y",
"@screenshotscout/mcp"
],
"env": {
"SCREENSHOTSCOUT_ACCESS_KEY": "ใส่ค่าของคุณ",
"SCREENSHOTSCOUT_SECRET_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"screenshotscout": {
"type": "http",
"url": "https://mcp.screenshotscout.com/mcp/api-key",
"headers": {
"Authorization": "Bearer {access_key}"
}
}
}
}วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"screenshotscout": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@screenshotscout/mcp"
],
"env": {
"SCREENSHOTSCOUT_ACCESS_KEY": "ใส่ค่าของคุณ",
"SCREENSHOTSCOUT_SECRET_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
Authorization HTTP headerค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
server ให้ล็อกอินก่อนจึงจะแสดงรายการเครื่องมือ
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน screenshotscout.com แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตอบกลับใน 179 ms (HTTP 401)
ประกาศวิธีล็อกอินแบบ OAuth ให้โปรแกรม AI พาไปล็อกอินเอง
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: SCREENSHOTSCOUT_ACCESS_KEY, SCREENSHOTSCOUT_SECRET_KEY
ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.3.0) เข้า registry 6 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา
ในหมวดเดียวกันมี Spec Driven Development, Remote Desktop Commander, Draugr
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.
Security scanning for AI agents: SAST, SCA, secrets, IaC, DAST, ranked by real risk.
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Use Screenshot Scout from an MCP client to capture HTTP or HTTPS webpages as images or PDFs.
This server exposes one tool, capture_screenshot. It supports full-page and element captures, device and viewport controls, location selection, page interaction and blocking options, image sizing and quality, PDF layout, caching, temporary result URLs and eligible MCP image content.
Every capture uses your Screenshot Scout account and is subject to its plan, quota, and rate limits.
Start with this local stdio configuration:
{
"mcpServers": { "screenshotscout": { "command": "npx", "args": ["-y", "@screenshotscout/mcp"], "env": { "SCREENSHOTSCOUT_ACCESS_KEY": "YOUR_ACCESS_KEY" } } } }
If the access key requires request signing, add the secret locally:
"SCREENSHOTSCOUT_SECRET_KEY": "YOUR_SECRET_KEY"
Keep personal configuration files out of source control. Credentials are process environment values, not tool arguments. See client-specific copy-paste configurations for Claude Desktop, Claude Code, Cursor, VS Code/GitHub Copilot, Devin, and Cline.
npm ci
npm run build
Point the client at the absolute path to dist/stdio.js with node, and provide the same environment variables shown above.
To install the Claude Desktop extension:
screenshotscout-mcp- .mcpb from that version's GitHub release.Claude Desktop treats both fields as sensitive settings. The v0.3.0 MCPB supports Windows.
The hosted API-key endpoint is live at:
https://mcp.screenshotscout.com/mcp/api-key
It is intended only for clients that can attach a static HTTP header:
Authorization: Bearer YOUR_ACCESS_KEY
The endpoint accepts an access key only. Never send a Screenshot Scout secret key to it, and never put either key in the URL or a tool argument. Clients that cannot attach a static Bearer header cannot use this endpoint.
API keys that require request signatures must instead use local stdio or MCPB, or use a dedicated unsigned access key for the hosted endpoint.
Build the production image from a source checkout:
docker build --tag screenshotscout-mcp:local .
Pass credentials from the local environment and keep stdin attached for MCP stdio traffic:
docker run --rm -i --init --cap-drop=ALL --security-opt=no-new-privileges --read-only \
-e SCREENSHOTSCOUT_ACCESS_KEY \ -e SCREENSHOTSCOUT_SECRET_KEY \ screenshotscout-mcp:local
SCREENSHOTSCOUT_SECRET_KEY remains optional. The image runs as an unprivileged user and contains only the compiled stdio server and its production dependencies. It declares no port or container health check: an MCP client owns the stdio process and verifies readiness by completing MCP initialization. The image and its Docker MCP Catalog metadata in docker-mcp-catalog.yaml are local preparation; no public image is implied by these commands.
capture_screenshotcapture_screenshot sends one capture request for the supplied URL and options. The target webpage is external, and its returned content must be treated as untrusted.
Only url is required. Captures use a 1280×720 viewport by default. When no format is specified, the tool returns JPEG at quality 60. resultMode defaults to "auto".
| Group | Inputs |
|---|---|
| Target and output | url; format (png, jpg, jpeg, webp, gif, tiff, pdf); resultMode (auto, url_only) |
| Location and viewport | country (two-letter country code), device, deviceViewportWidth, deviceViewportHeight, colorScheme (auto, dark, light), fullPage |
| Page preparation | blockCookieBanners, blockAds, blockChatWidgets, selector, hideSelectors, clickSelectors |
| Timing | waitUntil (load, domcontentloaded, networkidle0, networkidle2), delay (0–30 seconds), navigationTimeout (5–90 seconds), timeout (1–240 seconds) |
| Cache | cache, cacheTtl (14,400–2,592,000 seconds) |
| Output resizing | imageWidth, imageHeight (1–8,192; images only) |
| Image only | imageQuality (0–100, JPEG/WebP only) |
| PDF only | pdfPaperFormat (letter, legal, tabloid, a3, a4, a5, a6), pdfLandscape, pdfPrintBackground, pdfMargin, per-side margin fields, pdfScale (0.1–2), pdfPageRanges (such as 1-3,5) |
When both output dimensions are provided, their product cannot exceed 64,000,000 pixels. PDF margins accept non-negative values in px, in, mm, or cm. Inputs for another format are ignored: imageQuality applies only to JPEG and WebP, and PDF inputs only to format: "pdf". A PDF always contains the whole page, so fullPage, selector, imageWidth, and imageHeight are ignored for PDF.
resultMode is auto, the MIME type is eligible, dimensions are known and at most 8,000 pixels per side, raw data is at most 5 MiB, and the complete serialized result fits the current 128,000-byte server limit.resultMode: "url_only" omits image bytes for every format.MCP clients control whether returned image content or resource links are displayed or made available to a model.
Structured metadata can include screenshotUrl, screenshotUrlExpiresAt, cacheStatus, format, mimeType, imageWidth, imageHeight, inlineImageIncluded, and inlineImageOmissionReason.
Treat result URLs as sensitive, temporary links and respect their reported expiry.
https://example.com as a full-page PNG in dark mode. Return only a URL.”https://example.com/pricing, block cookie banners and ads, and use quality 80.”https://example.com/report with backgrounds enabled and 10 mm margins.”The server sends the target URL and selected capture options to Screenshot Scout, which loads the target website. Review the Screenshot Scout privacy policy before capturing private or regulated material.
npm ci
npm run format:check npm run lint npm run typecheck npm test npm run metadata:check npm run registry:validate npm run mcpb:validate npm run mcpb:pack
MIT © Oleksii Velykyi