远程可视化浏览器部署
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_15292d5a/yjkj-remote-browser-deploy。
技能介绍
要解决的问题
当 AI Agent 打开网页、截图、点击或登录时,常用 headless 浏览器只在后台运行,用户看不到页面状态,滑块、扫码、短信等验证无法人工接管,网页调试也缺少共同视角。remote-browser-deploy 解决的是这类可视化同屏控制问题:让 Agent 和用户看到同一个浏览器画面。
工作原理与关键步骤
技能会按系统分流:Linux 下用 Xvfb 创建虚拟显示器,运行 Chromium,并通过 x11vnc、noVNC、websockify 将画面暴露到 6080/tcp;Agent 通过 CDP 的 9223/tcp 控制浏览器。Windows 下不额外装组件,直接启动本机 Edge 或 Chrome 并开放 CDP。部署后需要验证端口监听、vnc.html 可用和 CDP json 页面信息。
关键约束包括:必须使用本技能部署的 CDP 浏览器、禁止添加 --headless、系统检测后按 CLOUD、NAS、LOCAL 发送正确访问地址,并先发送核心完成信息,最后再截图。
适用边界
适合登录后台、风控验证、内容发布和网页调试;不适合纯 API 调用、不能暴露远程桌面入口的高安全生产环境,也不适合 Linux 服务器无法开放 6080/tcp 或缺少 root/sudo 权限的场景。
使用场景
- 调试抖音创作者中心发布页,需 Agent 填字段并让人工处理滑块验证。
- 排查小红书登录页异常,让 Agent 打开页面并同步看到 noVNC 画面。
- 在 Linux 云服务器部署可见 Chromium,供 Agent 经 CDP 控制截图。
- 调试公众号后台扫码流程,需用户和 Agent 同屏查看浏览器状态。
适合人员
- 需要 Agent 登录创作者后台并人工处理验证的自动化工程师
- 在无图形界面服务器上运行可见 Chromium 的运维工程师
- 排查网页登录、验证码与页面状态不一致的前端调试工程师
- 使用 AI Agent 操作浏览器但要求同屏可见的自动化集成者