AI 开发闭环了从写代码到控制浏览器中间不需要你原创 Sol AI原住民笔记2026年3月3日 17:52印度尼西亚CLAUDE CODE × CHROME WORKFLOWAI 开发闭环了从写代码到控制浏览器中间不需要你写完代码Claude 自己打开 Chrome自己点按钮自己填表单自己截图告诉你哪里炸了。你坐在那儿喝咖啡就行。这不是 demo不是概念视频不是即将推出。这是现在就能用的东西。Anthropic 刚刚把 Claude Code 和 Chrome 浏览器扩展打通了意味着你的 AI 编程助手现在有了一双手——能操作真实的浏览器看到真实的页面点击真实的按钮。AI 开发闭环了。···先说清楚这意味着什么BEFORE vs AFTER以前你是人肉中间件AI 写代码→你手动跑→你开浏览器→你点击测试→你截图→你粘贴给 AI→AI 改→你再测 需要你手动操作现在AI 全自动AI 写代码→AI 开浏览器→AI 测试→AI 看报错→AI 改代码→AI 再测 AI 全自动完成你从操作者变成了审批者。这个变化听起来只是省了几步操作但本质上是一次角色转换——你不再是流水线上的工人而是坐在监控室里的人。···怎么用从零开始设置别被浏览器自动化这个词吓到。整个设置过程大概五分钟。前置条件Chrome 或 Edge 浏览器 Claude Pro / Max / Teams / Enterprise1装 Chrome 扩展Chrome Web Store 搜 Claude安装 Anthropic 官方的 Claude in Chrome 扩展。版本号 ≥ 1.0.36。Edge 同样兼容。2确认 Claude Code 版本claude --version# 确保 ≥ 2.0.73如不满足更新npm install -g anthropic-ai/claude-codelatest3连接 Chrome# 方式一启动时带参数claude --chrome# 方式二进入后输入/chrome → 选 Enabled by default首次连接需重启 Chrome。连接成功后/chrome显示 Connected。4管理站点权限点击 Chrome 工具栏 Claude 图标 → 设置页面按需开关每个网站的访问、点击和输入权限。设置完了。接下来看它能干什么。···一个完整的闭环从提交代码到发推文别看零散的场景了。我直接给你一个真实的、从头到尾的工作流。假设你刚用 Claude Code 写完一个新功能——给你的 SaaS 产品加了个暗黑模式。FULL WORKFLOW提交 PR→看 Code Review→测 Preview→修 Bug→合并→验证生产→发 X→发公众号全流程你只需要做两件事确认合并 确认发布1提交 GitHub让 AI 盯着 Code Review你让 Claude 把代码提交到 GitHub创建一个 Pull Request。把当前的改动提交到 GitHub创建一个 PR标题写 feat: add dark mode support描述里写清楚改了什么。Claude 会执行 git 操作推送代码调用 GitHub API 创建 PR。如果仓库配了BugBot 或类似的 AI Code Review它们会自动开始跑。帮我打开刚才那个 PR 的页面看看 BugBot有没有留评论CI 检查过了没有。如果有问题告诉我具体是什么。Claude 打开 GitHub PR 页面滚动到评论区读 BugBot 的反馈。如果 BugBot 说这个函数有潜在的内存泄漏Claude 会直接告诉你然后问你要不要修。你不需要自己去 GitHub 页面上翻评论。AI 替你看了。2在 Vercel 测试环境跑一遍Vercel 的 Preview 部署应该好了。帮我打开Preview URL测试一下暗黑模式切换主题开关检查所有页面的颜色有没有正确切换看看控制台有没有报错。顺便截几张图给我看。Claude 打开 Vercel 的 Preview 链接点击主题切换按钮逐个页面检查。它能看到页面实际渲染的样子能读控制台的错误日志能截图。如果发现问题——比如某个组件在暗黑模式下文字颜色没变白字白底看不见——它会截图告诉你然后直接定位到对应的 CSS 文件问你要不要改。代码审查和浏览器测试同步进行中间不需要你切任何窗口。3确认没问题合并 PRBugBot 没意见了CI 全绿了Preview 环境测试通过了。你说一句都没问题了帮我合并这个 PR。Claude 打开 GitHub 页面点 Merge pull request。Vercel 自动触发生产环境部署。生产环境部署完成后帮我打开 https://myapp.com再走一遍暗黑模式的流程确认线上没问题。从 Preview 测试到生产验证一条龙。4去 X 发更新公告这是 Claude Chrome 最被低估的能力——它共享你浏览器的登录状态。你登录了 X它就能帮你发推。你登录了微信公众号后台它就能帮你发文章。功能上线了。帮我做两件事1. 打开 X发一条推文说暗黑模式来了2. 打开微信公众号后台发个更新日志以前这个流程需要在终端、GitHub、Vercel、浏览器、X、公众号后台之间反复横跳。每一次切换都是上下文丢失每一次切换都是时间黑洞。以前6个窗口来回切换现在1个终端搞定一切···几个你可能会踩的坑连接断开Chrome 扩展的 Service Worker 长时间不活动会休眠。输入/chrome→ Reconnect extension 即可。弹窗阻塞JS 的 alert / confirm / prompt对话框会阻塞事件循环Claude 会卡住。手动关掉弹窗然后告诉它继续。登录和验证码遇到登录页面或 CAPTCHA 会自动暂停让你手动处理。设计如此——它不会替你输密码。Windows 用户可能遇到命名管道冲突EADDRINUSE关掉其他 Claude Code 会话即可。···这件事的更大图景Claude Code Chrome 只是拼图的一块。Claude Desktop 现在也能通过 Chrome 扩展控制浏览器了——你在桌面端聊天它在浏览器里干活。Chrome 扩展本身还支持录制工作流、定时任务、快捷指令。但真正让我觉得这事要变天的是另一条新闻。2 月 25 日Anthropic 宣布收购了一家叫Vercept的公司。这家公司做的事情很简单也很恐怖让 AI 像人一样操作电脑。它们的产品叫Vy能控制一台远程 MacBook跨应用完成多步骤任务——不是调 API是真的在屏幕上点来点去像一个坐在电脑前的人。Vercept 融了 5000 万美元投资人里有Eric Schmidt前 Google CEO和 Jeff DeanGoogle AI 负责人。团队核心成员来自 Allen Institute for AI专攻视觉感知和人机交互。Anthropic 收购它的目的很明确强化 Computer Use.OSWORLD 基准测试 — AI 操作真实桌面环境Claude2024.10 首发14.9%OpenAI GPT-5.238.2%Claude Sonnet 4.672.5%Claude Opus 4.672.7%不到两年14.9% → 72.7%。收购 Vercept 后这个数字只会继续涨。你想想这意味着什么。现在 Claude Code Chrome 的模式本质上还是通过浏览器扩展来控制网页。它能操作的范围限定在浏览器里。但 Computer Use 不一样。它操作的是整个桌面。能力半径扩展现在 — 浏览器闭环网页操作点按钮填表单读控制台截图即将 — 桌面闭环Figma 对比设计稿终端跑测试Slack 发消息Excel 更新邮件发周报一切桌面应用当 Computer Use 成熟到可以直接塞进 Claude Code 的那一天今天我们聊的这个浏览器闭环就会变成一个更大的东西——桌面闭环。AI 不只是你的编程助手。它是一个能操作你电脑上所有软件的数字员工。这一天不远了。···把这些能力叠在一起你会发现一个趋势AI 正在从对话框里的助手变成桌面上的同事。它不再只是回答你的问题。它在操作你的工具访问你的服务执行你的任务。对于开发者来说这意味着一件很具体的事你的工作重心正在从怎么实现转向实现什么。写代码的时间在缩短。思考产品、设计架构、做决策的时间在增加。这不是AI 要取代程序员的老调重弹。这是工作内容的结构性变化——你还是那个做决定的人但你手下多了一个不需要睡觉、不会抱怨、能同时操作代码编辑器和浏览器的执行者。用好它你一个人就是一个团队。用不好它你就是那个还在手动复制粘贴报错信息的人。差距就是这么拉开的。