CircleIt 发布 Chrome 扩展：在网页上圈选标注，Claude Code 或 Codex 直接改代码

圈出它。说出来。你的 agent 来修复。

在 Chrome 中标记任意网页，然后按 Send。你正在运行的 Claude Code 或 Codex 会话会带着截图和你标记的确切元素被唤醒，进行修改，并告诉你它做了什么。

Everyday Mug 的产品页面，一只来自小型陶瓷店的 42 美元斑点粗陶马克杯，在 Chrome 中被标记：用圆圈圈住它的 Bestseller 徽章并附上评论“Remove this badge”，用方框框住价格并附上“Make the price bigger”，在主图上钉一个标记，主图显示的是马克杯放在早餐桌上，并附上“Wrong image, use the front shot”。按下 Send 后，~/Herd/kilnworth 中的一个 Claude Code 会话收到反馈 #42，打开它，编辑 Show.vue、Gallery.vue 和 Price.vue，并解决它：“Removed the Bestseller badge, made the price 28px semibold and opened the gallery on the front shot.”页面重新加载，三项更改全部生效。

不用把截图粘贴到聊天里。不用描述你指的是哪个按钮。

你指向页面上的那个东西。你的 agent 就得到那个确切的东西。

圈出它。

在任意页面上打开扩展：localhost、staging 或线上。在某个东西周围画一圈、拖出一个方框、指向一个元素，或者选中文字并重写它们。页面仍然可以滚动，你的标记保持不动。
说出来。

在每个标记旁边输入应该更改的内容，然后按 ⌘↵。在发送之前，你可以看到它将发往哪个项目、文件夹和分支。
你的 agent 来修复。

你的会话会接收它，即使它一直处于空闲状态。它读取你的标记，编辑代码并回报，状态会在浏览器中随着进展更新。

在你已经在用的 agent 内部运行。

Claude Code

该插件的监控器会在你按下 Send 后的几秒内唤醒一个空闲会话。你不必一直保持一个提示在运行。

/plugin marketplace add circleit-ai/circleit-plugin

/plugin install circleit@circleit

Codex

反馈会排队到你的 Codex 线程，空闲线程会在大约十秒内接收它。在 /hooks 中批准一次该插件的 hooks。

codex plugin marketplace add circleit-ai/circleit-plugin

codex plugin add circleit@circleit

使用其他 agent？你收件箱中的每一项都有 Copy as prompt，可以为任何 agent 提供相同的简报。其截图链接会为已登录 CircleIt 的团队成员打开。

让客户自己标记 staging。

客户和队友免费：邀请他们加入你的团队，他们安装扩展，圈出他们想要更改的内容，然后按 Send。无需终端，无需工单，无需带注释的 PDF。

它会等待你的 agent。 如果没有任何东西在运行，反馈会保持待处理，直到该项目中下一个会话启动。
他们能看到它落地。 已送达、进行中、已解决：附上你的 agent 为他们写的说明。
每个人都各守其位。 人们只能看到他们所属团队的项目和反馈。

为开发者付费。其他所有人免费。

每月 9 美元起的方案，面向那位用 Claude Code 或 Codex 进行更改的人。发送反馈的客户和队友免费。

定价如何运作

Questions

它在 localhost 和 staging 上能用吗？

可以。该扩展在你自己的浏览器中运行，因此它在你浏览器中能打开的任何页面上都能用：localhost、.test 域名，以及需要登录的 staging 站点。没有浏览器允许扩展在其自身的设置页面或 Chrome 应用商店上运行。

我的客户需要 Claude Code 或 Codex 吗？

不需要。他们只需要电脑上的 Chrome 或 Edge、CircleIt 扩展，以及加入你团队的邀请。他们发送的内容会传给你开发者的 Claude Code 或 Codex。

费用是多少？

个人版每年 $79 或每月 $9，仅供你一人使用。团队版每年 $225 或每月 $25，包含 1 名开发者；客户和队友免费。你的前 10 次修改免费，无需信用卡。

什么算作一次修改？

每次点击 Send 都算一次修改，无论它有一个标记还是 50 个。你的 agent 的回复和状态更新不计入。

如果没有 agent 在运行会怎样？

反馈会在你的收件箱中等待。下次你在 Claude Code 或 Codex 中打开该项目时，它会拾取这些反馈。你也可以将任意条目复制为 prompt，并粘贴到另一个 agent 中。

我能在开发者收到反馈之前先检查吗？

可以。将某个人或某个站点设为 Needs approval。他们的反馈会一直等待，直到所有者或审批人批准。审批人可以编辑评论、移除某个标记，或附上说明后拒绝。

反馈如何找到正确的项目？

每个项目都有一个站点地址列表。当 Claude Code 或 Codex 在某个项目中启动时，它会添加它找到的地址：.env 文件中的 APP_URL、Herd 和 Valet 的 .test 域名，以及本地开发服务器端口。你在 Projects 页面添加 staging 和线上地址。该扩展会将你所在的页面与拥有该地址的项目进行匹配。

我的 agent 具体会收到什么？

一份包含页面地址和你的评论的简报。对于每个标记，它会列出其下的元素：CSS 选择器、文本、样式、HTML，以及它所能判断出的源文件。对于文本编辑，它会给出确切的文字以及要改成什么。然后是截图，经过裁剪，并画上你的标记。

支持哪些浏览器？

电脑上的 Chrome 和 Microsoft Edge，以及其他基于 Chrome 构建的浏览器，例如 Brave 和 Arc。它们都从 Chrome 应用商店安装；Edge 会先要求你允许来自其他商店的扩展。不支持 Safari、Firefox 和手机。

别再描述了。圈出来。

免费开始

你的前 10 次修改免费。无需信用卡。

CircleIt 发布 Chrome 扩展：在网页上圈选标注，Claude Code 或 Codex 直接改代码

圈出它。 说出来。 你的 agent 来修复。

不用把截图粘贴到聊天里。 不用描述你指的是哪个按钮。

圈出它。

说出来。

你的 agent 来修复。