每日热门skill：93% Token节省！Vercel开源的AI浏览器神器，让Claude Code秒变网页操作专家

当AI遇上浏览器，不是简单的"打开网页"，而是一场交互范式的革命。

一、痛点：AI操作浏览器的三大噩梦

你有没有遇到过这种情况？

让AI帮你登录一个网站查数据，结果它在CSS选择器上折腾了半小时——class名变了，脚本挂了；页面结构微调，定位失效了。更崩溃的是，一个简单表单填写，AI的上下文窗口就被DOM树塞爆了——15,000+ token只用来描述页面结构，还没开始干活呢。

这就是传统浏览器自动化工具的死结：

• 选择器脆弱：CSS路径像玻璃一样易碎
• Token黑洞：完整可访问性树吞噬上下文
• 启动龟速：每次初始化浏览器像在等快递

而今天要介绍的 agent-browser，用一套"快照+引用"系统，把这些问题一次性解决。

二、agent-browser是什么？

agent-browser 是 Vercel Labs 开源的浏览器自动化CLI工具，专为AI Agent设计。它不是什么新发明的浏览器，而是给AI装上了一双"能看懂网页的眼睛"和"能操作网页的手"。

核心数据

一句话定位

agent-browser = AI原生浏览器自动化工具，用"语义定位"替代"CSS选择器"，用"元素引用"替代"DOM树_dump"。

三、核心创新：快照+引用系统

传统工具的做法是：把页面完整的可访问性树扔给AI——几千个节点，15,000+ token，AI还没开始思考就喘不过气了。

agent-browser的做法是：拍一张"快照"，只给AI看关键元素。

工作原理

传统方式：
DOM树 → 完整可访问性树（15,000+ token）→ AI决策 → 操作

agent-browser方式：
页面快照 → 精简元素引用（@e1, @e2, @e3）→ AI决策 → 操作

实际对比

假设你要让AI填写一个登录表单：

传统工具需要的输入：

页面有 1,247 个元素，其中可交互元素 89 个...
[div class="container" id="main"] 
  [form class