GitHub
server ทางการของ GitHub ให้ AI อ่านและจัดการโค้ด issue และ pull request ในบัญชีของคุณได้ ใช้ผ่านคลาวด์ของ GitHub หรือรันในเครื่องด้วย Docker ก็ได้
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Run, hot-reload and screenshot Flutter, web, React Native and native iOS/Android apps.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"baton": {
"command": "npx",
"args": [
"-y",
"baton-run"
]
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add baton -- npx -y baton-runวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"baton": {
"command": "npx",
"args": [
"-y",
"baton-run"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"baton": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"baton-run"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 8 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub kanumuri9593 ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.2.10) เข้า registry 27 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี GitHub, Desktop Commander, Cloudflare MCP
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
server ทางการของ GitHub ให้ AI อ่านและจัดการโค้ด issue และ pull request ในบัญชีของคุณได้ ใช้ผ่านคลาวด์ของ GitHub หรือรันในเครื่องด้วย Docker ก็ได้
MCP server for terminal commands, file operations, and process management
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Baton
Run, hot-reload, check and screenshot your apps from any coding agent.
Flutter, Next.js, Vite, React Native / Expo, and native iOS and Android, from a terminal, the Baton app, or any MCP client.
= 24" src="https://img.shields.io/badge/node-%3E%3D24-339933">
Website · Set up your agent · Agent notes · PDF guides · Token study · Changelog
Baton is a local daemon that owns your running apps, with an MCP server and a CLI in front of it. Your agent starts an app on a simulator or in a browser, applies each edit with one check_change call, and gets back only what is new: the reload result, error lines, failed requests and a screenshot, with an OK / NOT OK verdict. You see the same runs in your terminal, in the Baton app, and in the band above Claude Code's prompt, and you can press the same buttons. Baton reads the .vscode/launch.json, package.json, pubspec.yaml, Xcode and Gradle projects you already have.
0.2.10 is a public developer preview. Open an issue with what broke or what you wanted.
Requires Node.js 24+ on the machine that runs your apps. macOS, Linux and Windows.
npm install -g baton-run
baton setup # adds Baton to every coding agent installed on this machine
Restart your agent (or open a new chat) and ask it to "run the app and show me a screenshot".
Other ways in:
| Way | Command |
|---|---|
| Claude Code plugin | /plugin marketplace add kanumuri9593/Baton then /plugin install baton@baton |
| Codex plugin | codex plugin marketplace add kanumuri9593/Baton then codex plugin add baton@baton |
| VS Code or Cursor, one click | the install buttons at the top of this page |
| VS Code MCP gallery | search @mcp baton in the Extensions view (GitHub MCP Registry listing) |
| MCP server, no install | npx -y baton-run as the server command (pin with baton-run@0.2.10) |
| Pinned GitHub install | npm install -g github:kanumuri9593/Baton#v0.2.10 |
| From source | git clone https://github.com/kanumuri9593/Baton.git && cd Baton && npm install && npm run build |
baton setup edits only the baton entry in each tool's config, keeps a .baton-backup of every file it changes, and is safe to run again. baton setup cursor codex limits it to those tools, --dry-run previews, --remove undoes it.
Any MCP client that takes an mcpServers block:
{
"mcpServers": { "baton": { "command": "npx", "args": ["-y", "baton-run@0.2.10"] } } }
inspect_project → boot_device → run_target → wait_for → edit → check_change → fix → check_change
inspect_project (and list_targets) with cwd set to the absolute project path.boot_device if no simulator or emulator is up. With no name it lists what can boot.run_target, or run_workflow for an API plus a frontend, then wait_for. wait_for accepts up to 15 minutes, enough for a first native build.check_change. It applies the edit (hot reload for Flutter, HMR for web and React Native, restart for native and plain processes) and returns only what changed.NOT OK console/storefront action=none status=running 2280ms
new errors (1): [vite] Internal server error: Unexpected token (14:2)
Failed Flutter reloads return the compiler errors, not just DevFS synchronization failed:
lib/main.dart:419:19: Error: Expected ';' after this.
Screenshots cover iOS simulators, Android devices and web apps. For web, Baton opens the session URL in a throwaway headless Chrome, Edge or Brave (or BATON_CHROME) at viewport phone (a real 390×844 mobile layout), tablet, desktop or WIDTHxHEIGHT. Web captures are 1× by default, so a phone image is 390×844 (about 430 image tokens for a model); pass scale: 2 (--scale 2) when fine detail matters. check_change with screenshot: false returns text only but still loads a web page, so its console errors count. Simulator and device screenshots are returned at the device's own resolution.
Baton launches apps and reports evidence. It does not tap the UI or judge screenshots: a capture means an image was written, not that the screen is right. Pair it with Playwright MCP, Chrome DevTools MCP or a device-control MCP when a flow needs input.
29 tools: inspect_project, list_targets, list_sessions, list_checkouts, list_devices, boot_device, run_target, run_workflow, check_change, hot_reload, hot_restart, stop_session, forget_session, wait_for, read_logs, session_summary, screenshot, set_debug_flag, diagnose, list_network_requests, get_network_request, clear_network_requests, read_launch_config, write_launch_config, run_proof, list_proofs, list_run_history, show_dashboard and dashboard_action (the buttons on the live card that show_dashboard draws in hosts that support MCP Apps). Each carries MCP hints, so clients that honour them can skip the prompt for the 16 read-only tools.
| Agent | baton setup id | Guide |
|---|---|---|
| Claude Code (terminal, desktop app, VS Code) | claude (installs the plugin) | docs/clients/claude-code.md |
| Codex | codex | docs/clients/codex.md |
| Cursor | cursor | docs/clients/cursor.md |
| VS Code (GitHub Copilot agent mode) | vscode | docs/clients/vscode.md |
| Antigravity | antigravity | docs/clients/antigravity.md |
| Gemini CLI | gemini | docs/clients/gemini-cli.md |
| Windsurf | windsurf | docs/clients/windsurf.md |
| Claude Desktop (chat) | manual only | docs/clients/claude-desktop.md |
Agents without MCP can shell out to the same CLI. Every command exits non-zero on failure, and baton check --json gives the same verdict as check_change. Full agent notes: AGENTS.md. Crawler summary: llms.txt.
Printable guides to share: quick start, agent setup guide and FAQ.
The plugin draws Baton above the prompt while anything runs, in the terminal and in the desktop app. One row per run, with its device or URL, status, CPU and memory, and icon buttons:
| Button | What it does |
|---|---|
| ☰ | Show or hide that run's recent logs under its row |
| 🐞 | Debug: asks Claude to read the run's errors and logs, fix the cause and check_change |
| ▶ | Play: hot reload (or restart) a running app, resume a paused one, or run it again once it ends |
| ⏸ | Pause the app (macOS) |
| ⏹ | Stop. Once a run has ended this becomes ✕ dismiss |
| ⧉ | Bring that run's own simulator window (or its web page) to the front (macOS) |
The header has + (new run: puts /baton:run in the prompt) and the same ▶ ⏸ ⏹ ⧉ for every run at once. Bring all raises every device's window. /baton opens the same workspace in a side pane with longer logs. The band and pane read the same daemon as the MCP tools, so a run started by Claude, the CLI or the Baton app shows up everywhere. Details: docs/clients/claude-code.md.
| Framework | Hot reload (keeps state) | Restart | Notes |
|---|---|---|---|
| Flutter / Dart | ✅ real, via the daemon protocol | ✅ hot restart | Devices, DevTools, debug flags, screenshots (Flutter web too) |
| Next.js, Vite, Nuxt, Astro, Remix, Angular, CRA | HMR is automatic on save | ✅ reboots the dev server | Detects the real URL and readiness; phone, tablet and desktop screenshots |
| React Native / Expo | Fast Refresh is automatic | ✅ reload broadcast to dev clients | Talks to Metro's message socket |
| Native iOS (Xcode) | — | ✅ rebuild, reinstall, relaunch | Builds for the selected simulator, installs, launches, follows logs, screenshots |
| Native Android (Gradle) | — | ✅ rebuild, reinstall, relaunch | installDebug, starts the launcher activity, follows logcat, screenshots |
| Anything else | — | ✅ kill and respawn | Any launch.json or package.json script |
Capabilities are reported honestly. A Vite session does not claim Flutter's stateful hot reload, so the control panel greys the button out and agents get a clear refusal instead of a silent no-op.
Baton reads what you already have. No new config file is required.
.vscode/launch.json, read but never modified, so your IDE keeps working.claude/launch.json, same formatpackage.json: dev, start, serve and storybook scripts, with the package manager taken from your lockfilepubspec.yaml: Flutter projects with no launch.json still get a default.xcodeproj / .xcworkspace, shared schemes, Podfile, or Package.swiftsettings.gradle(.kts), the wrapper, application modules, or a lone AndroidManifest.xmlA nested ios/ or android/ folder picked on its own is a native target. Picking the Flutter or React Native root still runs the framework, which is what hot-reloads. Native sessions build, install and launch on the device you pick, then follow the app log. Restart rebuilds and relaunches.
baton init writes a .vscode/launch.json from what it detects (--claude for .claude/launch.json). See examples/ for small launch configs.
baton list # every taตัดมาแค่ช่วงต้น อ่านต่อใน repo