Spec Driven Development
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Capture website screenshots in AI agents. Full-page, dark mode, mobile, OG images, base64.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
SCREENSHOTRUN_API_KEYต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"screenshotrun": {
"command": "npx",
"args": [
"-y",
"screenshotrun-mcp"
],
"env": {
"SCREENSHOTRUN_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add screenshotrun --env SCREENSHOTRUN_API_KEY='ใส่ค่าของคุณ' -- npx -y screenshotrun-mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"screenshotrun": {
"command": "npx",
"args": [
"-y",
"screenshotrun-mcp"
],
"env": {
"SCREENSHOTRUN_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"screenshotrun": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"screenshotrun-mcp"
],
"env": {
"SCREENSHOTRUN_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub webmox ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: SCREENSHOTRUN_API_KEY
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.0.3) เข้า registry 15 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Spec Driven Development, Remote Desktop Commander, SuperCollider
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.
Make sound with SuperCollider: synths, drums, chords, melodies and soundscapes over OSC.
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Give your AI agent the ability to see any webpage. MCP server for ScreenshotRun Screenshot API.
prefers-color-scheme: darkSign up for a free API key at screenshotrun.com.
Add to your Claude Desktop config (~/Library/Application Support/Claude/claude_desktop_config.json on macOS, %APPDATA%\Claude\claude_desktop_config.json on Windows):
{
"mcpServers": { "screenshotrun": { "command": "npx", "args": ["-y", "screenshotrun-mcp"], "env": { "SCREENSHOTRUN_API_KEY": "sr_live_your_key_here" } } } }
claude mcp add screenshotrun \
npx -y screenshotrun-mcp \ -e SCREENSHOTRUN_API_KEY=sr_live_your_key_here
Add to .cursor/mcp.json in your project:
{
"mcpServers": { "screenshotrun": { "command": "npx", "args": ["-y", "screenshotrun-mcp"], "env": { "SCREENSHOTRUN_API_KEY": "sr_live_your_key_here" } } } }
Add to your Windsurf MCP configuration with the same npx -y screenshotrun-mcp command and set the SCREENSHOTRUN_API_KEY environment variable.
take_screenshotCapture a screenshot of any webpage. Returns the image as base64-encoded data that AI agents can analyze and describe.
| Parameter | Type | Default | Description | |||
|---|---|---|---|---|---|---|
url | string | *required* | URL to screenshot (must include http:// or https://) | |||
format | png \ | jpeg \ | webp \ | pdf | png | Output image format |
width | number | 1280 | Viewport width in pixels (320–3840) | |||
height | number | 800 | Viewport height in pixels (200–2160) | |||
full_page | boolean | false | Capture the entire scrollable page | |||
quality | number | 80 | Image quality for JPEG/WebP (1–100) | |||
device | desktop \ | mobile \ | tablet | — | Device preset (overrides width/height with device defaults) | |
dark_mode | boolean | false | Enable dark mode rendering | |||
block_ads | boolean | false | Block advertisements during capture | |||
block_cookies | boolean | true | Block cookie consent dialogs | |||
delay | number | 0 | Delay in seconds after page load before capturing (0–10) | |||
retina | boolean | false | Capture at 2x resolution | |||
css | string | — | Custom CSS to inject into the page (max 10KB) | |||
js | string | — | Custom JavaScript to execute before capture (max 10KB) | |||
selector | string | — | CSS selector to capture a specific element | |||
hide_selectors | string[] | — | CSS selectors of elements to hide before capture | |||
click_selector | string | — | CSS selector of element to click before capture | |||
scroll_to | string | — | CSS selector of element to scroll into view |
check_usageCheck your ScreenshotRun API usage for the current billing period. Returns screenshots used, remaining quota, usage percentage, and days remaining.
No parameters required.
take_screenshot tool with the URL and optionsMIT