跳到正文
原文
Hacker News · AI· ryanbrunner·· 6 小时前精选AI 评分80

Gloss 通过 Chromium 插件为 Claude Code 提供实时代码审查与反馈循环

Gloss – Annotate live code and provide feedback to an agent

AI 导读

Gloss 是一个开源工具,允许用户在浏览器中审查正在运行的 Web 应用,并通过顶部反馈栏将评论发送给 Claude(如 Claude Code 或 Reeve),形成“审查 - 修改 - 总结”的闭环。它本身不执行修复,而是作为人类审查者与驱动会话的 Agent 之间的通信渠道,支持通过 `gloss open` 命令在 Chromium 窗口中打开指定 URL 并启动会话。

该工具利用 Playwright 驱动 Chromium,通过 `addInitScript` 注入一个位于 shadow root 中的 `<gloss-bar>` 元素,确保页面 CSS 无法干扰且样式不会泄露。审查者可以使用 Select 模式点击页面上的特定元素进行注释,系统会记录元素的 selector、截图及视口信息;提交后,Agent 执行 `gloss working` 和 `gloss ready` 命令更新界面并展示摘要,直到审查者点击 Approve 结束会话。Session API 提供 `/api/state` 和 `/api/verdict` 等端点,支持通过 JSON 交互查询当前轮次、阶段及评论详情。

技术实现上,Gloss 使用独立的 Chromium 实例(无配置文件、无扩展),通过 sealed stand-in 替换 `window` 对象以防止页面脚本劫持 DevTools 绑定,并拒绝来自非 http/https 来源或帧的更改。已知限制包括:100vh 布局可能溢出 44px 高度,Web Component 阴影根内的固定元素可能未被正确移动,以及若页面严重篡改内置函数仍可能存在绕过风险。该工具目前作为 GitHub 上的开源仓库发布,支持 Homebrew 安装及 Node.js 环境部署。

推荐理由

提供基于 Playwright 的本地浏览器反馈通道,解决 Agent 无法直接观察 UI 状态的问题。

来源:Hacker News · AI · github.com