open-gstack-browser

其他 已审计 @garrytan v0.2.0
信任分
92/100
兼容 Agent
1
速查档案 只列事实:领域、Agent、信任分、作者、原文章节。装与不装请看下方作者解读。
领域
通用
兼容 Agent
Claude Code
信任分
92 / 100 · 已通过审计
作者 / 版本 / 许可
@garrytan · v0.2.0 · 未声明 license
安装命令数
1 条

需要注意: 未限定 allowed-tools,默认拥有全部工具权限。

想读作者英文原文? ↓ 滚到正文区切换 · 在 GitHub 查看 ↗

解读由编辑根据原文凝练而成,命令、链接、术语均与作者原文一致;想看完整论述请切到右侧

设计思路

open-gstack-browser 是 gstack 的「打开真 Chromium 用户界面」入口——把 headless 模式切到 headed 模式,让用户能在屏幕上看着 Claude 在浏览器里点点点,并通过 GStack Browser 的 Chrome 扩展看到右侧 Side Panel 的实时 activity feed 与 sidebar chat。设计目标:新人初见也能立刻信任——你看见每一个点击 / 截图 / 表单填充。

启动流程要点

Step 0:清场(必要时关掉旧 server)。 Step 1$B connect——拉起 headed Chromium + 装好扩展,监听 localhost:34567Step 2-3:让用户确认 Side Panel 是否能看到——A) 看到了;B) 没看到(按指引装扩展或开 localhost:34567);C) Side Panel 啥都没显示,跑 $B status + 必要时 $B focus 拉前台。

Step 4:Demo

$B goto https://news.ycombinator.com
# 等 2 秒
$B snapshot -i

告诉用户:「看 Side Panel——gotosnapshot 应该实时出现在 activity feed 里。Claude 跑的每条命令都会实时显示。」

Step 5:Sidebar chat

Side Panel 还有 chat tab:在那里输入「take a snapshot and describe this page」——一个 sidebar agent(子 Claude 实例)会执行你的请求,命令出现在 activity feed。每个 task 上限 5 分钟,跑在隔离 session,不会干扰主 Claude Code 窗口。

Step 6:能力总结

  • 看 Claude 干活:跑任意 gstack skill(/qa / /design-review / /benchmark)都在可见浏览器里发生
  • 直接控制浏览器:sidebar chat 自然语言、$B 命令直接操作
  • 窗口管理$B focus 任意时刻拉前台、$B disconnect 切回 headless
  • headed 模式下的 skill 表现/qa 真浏览器跑测试套件、/design-review 真截屏、/benchmark 真测性能

适合谁

  • 第一次用 gstack 想看见 agent 干活的人
  • 调试 $B 命令时怕 headless 看不出错误的工程师
  • 给同事 / 客户演示时

何时不该用

  • CI / 服务器环境——没显示器
  • 性能敏感跑批——headed 比 headless 慢

配套

browse(命令体系)、gstack(生态入口)、canary(部署后监控)、webapp-testing(headed 模式下跑测试)。