Claude Code 在电脑上跑着，人在外面怎么盯？

herdr 这个终端原生的 agent 运行时，本站写过它的架构介绍和用法指南：把 Claude Code、Codex 这类 coding agent 的原生会话直接养在 tmux 风格的窗格里，agent 之间还能互相同步。但一直缺一块：人离开电脑，这些正在跑的会话就够不着了。这块现在补上了，herdr 的浏览器与手机客户端 herdr-web-ui，481 星，MIT 协议，一条命令装成 herdr 插件。

它解决什么问题

coding agent 都跑在电脑终端里，传统的远程方案要么把终端映射到网页（丢失会话原生交互），要么干脆等回到电脑再看。herdr-web-ui 的思路是让浏览器和手机直接接入 herdr 管理的同一批窗格：你在电脑上看到的 agent 会话，在手机上以聊天形式读和回；需要真实终端操作时，点一下切换成该窗格自己的实时终端，按键一个不少。

官方 README 的演示全是电脑和手机同录的实机片段，其中一个最能说明形态：Claude Code 在电脑终端里停下来问「用哪种限流方案」，手机上立刻弹出 Needs input 提醒，点开是一张问题卡片，在地铁上点两下就答完了，电脑那头的 agent 继续跑。

核心功能

聊天与终端共用一个窗格。 能读 Claude Code、Codex、omp、omo、gjc、pi 的原生会话记录，不是粗暴的终端镜像；要跑命令时一键切到实时终端，xterm.js 驱动，按键栏在手机上提供 Esc、Tab、Ctrl 和方向键。

审批变成卡片。 agent 的审批请求、提问和计划菜单都渲染成可点的卡片，回答之前还会先确认提示词是否已过期，避免对着一个早就变了的上下文拍板。

提醒不漏。 每个窗格的状态实时显示；应用开着时提醒从顶部滑下，应用关了也能收到推送通知，agent 完成任务或需要输入都会叫你。

顺手的小功能都做了。 手机上用回形针发截图，图片自动上传到窗格文件夹并把路径插进消息，Claude 直接读图修 bug；终端和聊天里的文件路径可点，agent 生成的图表就地打开；在手机上点 ⋯ 菜单就能从当前会话分出一个新 git worktree，选好 agent 它就在旁边启动，分支名都是自动填的。语音输入也有，中英混说可识别，文字只进输入框不发出去。

快速上手

前提是已经在用 herdr 0.9.0 以上版本。一条命令装齐：

curl -fsSL https://devswha.github.io/herdr-web-ui/install.sh | sh

安装脚本会自动补 Bun 1.4+ 和 Node 18+ 依赖，把应用注册成 herdr 插件；如果机器上跑着 Tailscale，HTTPS 配好后直接给出 tailnet 内的访问地址和二维码，手机扫码添加到主屏幕（PWA）。已有依赖的极简路径是 herdr plugin install devswha/herdr-web-ui，然后开 localhost:7317。

值得点名的是安全模型：服务器默认只监听 127.0.0.1，想让手机访问不靠开公网端口，而是走 Tailscale 网内的 HTTPS。agent 会话这种高权限东西，不该裸奔在公网上，这个默认值站得住。

适合谁用

已经用 herdr 管理多个 agent 的人，这是必装件，尤其通勤路上想接着盯会话的；还没用过 herdr 的，可以先看本站之前的架构篇再上手。另外它对「手机改电脑上的 agent」这个场景的打磨细节（审批卡片、worktree 快捷入口、路径即链接）单独拿出来，也值得做 agent 远程操控类产品的人参考。技术栈是 xterm.js 加 React 加 Bun，MIT 开源，仓库 devswha/herdr-web-ui。