Browser Use
ให้ AI ทำงานบนเว็บแทนคุณ เช่น กรอกฟอร์ม ค้นหา และดึงข้อมูล ใช้เบราว์เซอร์บนคลาวด์ของผู้ทำหรือรันในเครื่องก็ได้
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Playwright MCP-compatible browser automation bridge for CloakBrowser Chromium.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"cloakbrowser": {
"command": "npx",
"args": [
"-y",
"cloakbrowser-mcp"
],
"env": {
"PLAYWRIGHT_MCP_BROWSER_ENGINE": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_HEADLESS": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_OUTPUT_DIR": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_CODEGEN": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_SNAPSHOT_BOXES": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_TIMEOUT_SETTLE": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_USER_DATA_DIR": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_CONTEXT_OPTIONS": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_EXTENSION_PATHS": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_CONSOLE_FALLBACK": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_GEOIP_PROXY_MATCH": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_EXTRA_ARGS": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add cloakbrowser --env PLAYWRIGHT_MCP_BROWSER_ENGINE='ใส่ค่าของคุณ' --env PLAYWRIGHT_MCP_HEADLESS='ใส่ค่าของคุณ' --env PLAYWRIGHT_MCP_OUTPUT_DIR='ใส่ค่าของคุณ' --env PLAYWRIGHT_MCP_CODEGEN='ใส่ค่าของคุณ' --env PLAYWRIGHT_MCP_SNAPSHOT_BOXES='ใส่ค่าของคุณ' --env PLAYWRIGHT_MCP_TIMEOUT_SETTLE='ใส่ค่าของคุณ' --env PLAYWRIGHT_MCP_USER_DATA_DIR='ใส่ค่าของคุณ' --env CLOAK_PLAYWRIGHT_MCP_CONTEXT_OPTIONS='ใส่ค่าของคุณ' --env CLOAK_PLAYWRIGHT_MCP_EXTENSION_PATHS='ใส่ค่าของคุณ' --env CLOAK_PLAYWRIGHT_MCP_CONSOLE_FALLBACK='ใส่ค่าของคุณ' --env CLOAK_PLAYWRIGHT_MCP_GEOIP_PROXY_MATCH='ใส่ค่าของคุณ' --env CLOAK_PLAYWRIGHT_MCP_EXTRA_ARGS='ใส่ค่าของคุณ' -- npx -y cloakbrowser-mcpวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"cloakbrowser": {
"command": "npx",
"args": [
"-y",
"cloakbrowser-mcp"
],
"env": {
"PLAYWRIGHT_MCP_BROWSER_ENGINE": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_HEADLESS": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_OUTPUT_DIR": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_CODEGEN": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_SNAPSHOT_BOXES": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_TIMEOUT_SETTLE": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_USER_DATA_DIR": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_CONTEXT_OPTIONS": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_EXTENSION_PATHS": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_CONSOLE_FALLBACK": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_GEOIP_PROXY_MATCH": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_EXTRA_ARGS": "ใส่ค่าของคุณ"
}
}
}
}วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"cloakbrowser": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"cloakbrowser-mcp"
],
"env": {
"PLAYWRIGHT_MCP_BROWSER_ENGINE": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_HEADLESS": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_OUTPUT_DIR": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_CODEGEN": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_SNAPSHOT_BOXES": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_TIMEOUT_SETTLE": "ใส่ค่าของคุณ",
"PLAYWRIGHT_MCP_USER_DATA_DIR": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_CONTEXT_OPTIONS": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_EXTENSION_PATHS": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_CONSOLE_FALLBACK": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_GEOIP_PROXY_MATCH": "ใส่ค่าของคุณ",
"CLOAK_PLAYWRIGHT_MCP_EXTRA_ARGS": "ใส่ค่าของคุณ"
}
}
}
}PLAYWRIGHT_MCP_BROWSER_ENGINE envPLAYWRIGHT_MCP_HEADLESS envPLAYWRIGHT_MCP_OUTPUT_DIR envPLAYWRIGHT_MCP_CODEGEN envPLAYWRIGHT_MCP_SNAPSHOT_BOXES envPLAYWRIGHT_MCP_TIMEOUT_SETTLE envPLAYWRIGHT_MCP_USER_DATA_DIR envCLOAK_PLAYWRIGHT_MCP_CONTEXT_OPTIONS envCLOAK_PLAYWRIGHT_MCP_EXTENSION_PATHS envCLOAK_PLAYWRIGHT_MCP_CONSOLE_FALLBACK envCLOAK_PLAYWRIGHT_MCP_GEOIP_PROXY_MATCH envCLOAK_PLAYWRIGHT_MCP_EXTRA_ARGS envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 5 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub swimmwatch ซึ่งเป็นเจ้าของ repo
มีการแก้โค้ดล่าสุด เมื่อวาน
ใช้ MIT
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
ต้องอ่านรายการเครื่องมือของ server ก่อน จะเริ่มตรวจในขั้นถัดไป
เทียบเฉพาะ server ที่อยู่ในต้นแบบนี้ ไม่ใช่ทั้ง registry
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด เมื่อวาน และส่งรุ่นล่าสุด (1.15.1) เข้า registry 18 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js, Docker ในเครื่องด้วย
ในหมวดเดียวกันมี Browser Use, Chrome DevTools MCP, MCP Server Browser
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
ให้ AI ทำงานบนเว็บแทนคุณ เช่น กรอกฟอร์ม ค้นหา และดึงข้อมูล ใช้เบราว์เซอร์บนคลาวด์ของผู้ทำหรือรันในเครื่องก็ได้
ให้ AI ใช้เครื่องมือนักพัฒนาของ Chrome ตรวจหน้าเว็บ ดูว่าโหลดช้าตรงไหน และหาข้อผิดพลาด ทำโดยทีม Chrome DevTools
MCP server for browser use access
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
cloakbrowser-mcp is a drop-in Playwright MCP-compatible browser automation server with unchanged upstream tools, CloakBrowser Chromium, and production-ready npm, Docker, and Streamable HTTP packaging. It runs upstream @playwright/mcp as the canonical tool surface and points that runtime at CloakBrowser.
Run npx -y cloakbrowser-mcp@latest, connect Claude Desktop or Codex CLI, ask for web research, daily automation, or testing in plain English, and inspect the real browser result.
Documentation: swimmwatch.github.io/cloakbrowser-mcp · Comparison · Recipes
Use it when you need:
chromium.connectOverCDP();Cross-platform checks cover npm on Linux x64/arm64, macOS arm64/x64, and Windows x64 across the Node.js versions listed in Testing. Docker images are built and smoke-tested for linux/amd64 and linux/arm64.
See @playwright/mcp vs cloakbrowser-mcp when deciding whether plain upstream Playwright MCP or CloakBrowser MCP fits a deployment better. The Recipes pages show task-focused setup paths for persistent login profiles, Chrome extensions, reverse proxies, regional QA, client connections, and CI smoke tests.
npx -y cloakbrowser-mcp@latest
Requires Node.js 22.13+ in the 22.x line, or Node.js 24+. Run diagnostics before wiring a client:
npx -y cloakbrowser-mcp@latest doctor
For Streamable HTTP instead of stdio:
npx -y cloakbrowser-mcp@latest --transport streamable-http --http-port 3000
See the generated CLI Reference for all flags.
docker run --rm -i \
-v "$PWD/artifacts:/data" \ swimmwatch/cloakbrowser-mcp:latest
For Streamable HTTP:
docker run --rm -p 127.0.0.1:3000:3000 \
-v "$PWD/artifacts:/data" \ swimmwatch/cloakbrowser-mcp:latest \ --transport streamable-http --http-host 0.0.0.0 --http-port 3000
The Docker image writes artifacts to /data and is published for linux/amd64 and linux/arm64. It defaults to CLOAK_PLAYWRIGHT_MCP_NO_SANDBOX=true for compatibility with containerized runtimes where Chromium sandboxing is often unavailable. If your host and container runtime support Chromium sandboxing, set CLOAK_PLAYWRIGHT_MCP_NO_SANDBOX=false; for untrusted pages, keep container network access and mounted host directories tightly scoped. The same tags are also available from ghcr.io/swimmwatch/cloakbrowser-mcp. See Docker for persistent profiles, extension mounts, HTTPS, and smoke-test examples, or use the reverse proxy recipe for a focused Streamable HTTP deployment.
codex mcp add cloakbrowser -- npx -y cloakbrowser-mcp@latest
claude mcp add --transport stdio cloakbrowser -- npx -y cloakbrowser-mcp@latest
{
"servers": { "cloakbrowser": { "type": "stdio", "command": "npx", "args": ["-y", "cloakbrowser-mcp@latest"] } } }
mcpServers ClientsAdd this server entry to the client's MCP JSON config:
{
"mcpServers": { "cloakbrowser": { "command": "npx", "args": ["-y", "cloakbrowser-mcp@latest"] } } }
{
"mcpServers": { "cloakbrowser": { "command": "docker", "args": [ "run", "--rm", "-i", "-v", "/tmp/cloakbrowser-artifacts:/data", "swimmwatch/cloakbrowser-mcp:latest" ] } } }
npx -y cloakbrowser-mcp@latest --transport streamable-http --http-port 3000
codex mcp add cloakbrowser --url http://127.0.0.1:3000/mcp claude mcp add --transport http cloakbrowser http://127.0.0.1:3000/mcp
Paste this into Codex, Claude Code, Copilot, Cursor, Cline, Windsurf, or a similar coding assistant that can edit MCP config:
Install the CloakBrowser MCP server for this workspace. Name it "cloakbrowser".
Prefer stdio with command "npx" and args ["-y", "cloakbrowser-mcp@latest"]. If this client uses VS Code mcp.json, add it under "servers" with type "stdio". If this client uses Claude/Cursor/Cline/Windsurf/Warp-style config, add it under "mcpServers" with the same command and args. Do not add secrets.
More examples are in Getting Started, with dedicated recipes for Claude Desktop and Codex CLI.
Use upstream PLAYWRIGHT_MCP_* variables for browser, artifacts, timeouts, network, and tool capability settings. Cloak-specific bridge toggles use CLOAK_PLAYWRIGHT_MCP_*. Select a Pro Preview browser build before startup with --release-channel preview or CLOAK_PLAYWRIGHT_MCP_RELEASE_CHANNEL=preview; the default is stable.
The common variable table now lives in Configuration. That page also covers persistent profiles, validated context options, Chrome extensions, Streamable HTTP metadata, and HTTPS/auth options. See GeoIP Proxy Matching for regional proxy behavior, Humanized Input Behavior for interaction realism, and Recipes for task-focused configurations.
| cloakbrowser-mcp | @playwright/mcp | CloakBrowser | Node.js | Platform | ||
|---|---|---|---|---|---|---|
1.15.1 | ^0.0.83 | ^0.6.3 | `^22.13.0 | >=24.0.0` | npm on Linux x64/arm64, macOS arm64/x64, Windows x64; Docker linux/amd64, linux/arm64 | |
1.15.0 | ^0.0.83 | ^0.6.3 | `^22.13.0 | >=24.0.0` | npm on Linux x64/arm64, macOS arm64/x64, Windows x64; Docker linux/amd64, linux/arm64 | |
1.14.1 | ^0.0.82 | ^0.5.10 | `^22.13.0 | >=24.0.0` | npm on Linux x64/arm64, macOS arm64/x64, Windows x64; Docker linux/amd64, linux/arm64 | |
1.14.0 | ^0.0.82 | ^0.5.10 | `^22.13.0 | >=24.0.0` | npm on Linux x64/arm64, macOS arm64/x64, Windows x64; Docker linux/amd64, linux/arm64 |
| 1.13.0 | ^0.0.80 | ^0.5.10 | ^22.13.0 || >=24.0.0 | npm on Linux x64/arm64, macOS arm64/x64, Windows x64; D