所有的浏览器自动化工具可以卸载了！Claude Code + Playwright CLI，零Token搞定一切重复工作！

ivye
免费干货
3小时前
8热度
0评论

摘要： 微软悄悄开源了一个新东西，叫 Playwright CLI，配合 Claude Code 或者 Codex，直接把浏览器自动化这件事带到了一个全新的维度。我今天用它替代了我日常最烦的一个工作流——手动把 Markdown 文章发布到 X 平台。那个过程有多折磨人？图片一张张手动贴，格式乱成一锅粥，...

微软悄悄开源了一个新东西，叫 Playwright CLI，配合 Claude Code 或者 Codex，直接把浏览器自动化这件事带到了一个全新的维度。

我今天用它替代了我日常最烦的一个工作流——手动把 Markdown 文章发布到 X 平台。那个过程有多折磨人？图片一张张手动贴，格式乱成一锅粥，搞一篇文章要半个小时。

现在？我只需要给 AI 一个文章路径，它自动帮我发完。

一、先说说为什么我之前一直很烦浏览器自动化

说实话，我试过很多浏览器自动化的方案。

传统的 Playwright MCP，每次操作都得把整个网页的 DOM 结构全塞进 AI 的上下文，Token 烧得飞快，还经常出错。Selenium 就更不用说了，配置麻烦，兼容性问题一堆。

我一度觉得，浏览器自动化这件事，对普通创业者来说门槛太高了，不值得折腾。

直到我看到 Playwright CLI 的基准测试数据：比传统 MCP 方案减少 4 倍的 Token 消耗。

我立刻就来了兴趣。

二、 Playwright CLI 的核心秘密：按需加载

为什么能省这么多 Token？

传统 MCP 的思路是：打开网页 → 把整个网页内容全部塞给 AI → AI 再决定怎么操作。

Playwright CLI 的思路完全不同：打开网页 → 只返回一个简洁的页面摘要 → AI 需要更多信息再去读详细快照，不需要就拉倒。

截图也一样，不是直接塞给 AI，而是存成本地文件，AI 按需读取。

这个”按需加载”的思路，听起来简单，但效果是真的炸裂。

三、手把手告诉你怎么搭这套系统

第一步：环境准备

先装好这三样东西：

Node.js（官网下载对应系统版本）
Playwright CLI（一行命令安装）

npm install -g @playwright/cli@latest

Chrome 浏览器（Edge 也行，但推荐 Chrome）

第二步：接入 AI Agent

新建一个项目文件夹，在里面安装 Playwright CLI 的 Skills（可以理解为给 AI 的使用说明书）。

playwright-cli install--skills

然后启动 Claude Code 或者 Codex，AI 就能自动读取到 Playwright CLI 的技能了。

有一个小技巧：Skills 文件夹放在 .claude 目录下就能适配 Claude Code，改名成 .codex 就能适配 Codex，就这么简单。

第三步：让 AI 自己摸索，然后提炼成 Skill

这是整套流程最精髓的地方，我必须重点讲。

第一次执行任务，让 AI 自己试错。

比如我让它抓取某个电商商品的前一百条评论，保存成 CSV 文件。AI 自己摸索，踩了不少坑，用了 41% 的上下文窗口才搞定。

（两个很实用的参数，方便检查以及下次不用重复登陆账号）

任务完成后，让 AI 把整个过程提炼成一个 Skill。

告诉它：”把刚才的流程，包括遇到的坑，全部总结成一个新的 Skill 保存起来。”

第二次执行相同任务，只用了 5% 的上下文。

你没看错，从 41% 降到 5%，将近 10 倍的效率提升，就靠这一步。

第四步：固化成脚本，Token 消耗归零

如果是完全固定的流程，还可以更进一步：让 AI 把所有操作写成一个脚本（Windows 上是 PowerShell，Mac/Linux 上是 Shell 脚本）。

写好之后，直接执行脚本，完全不需要 AI 参与，零 Token 完成任务。

四、我用它解决的真实问题

案例一：自动发文章到 X 平台

这件事我手动搞了很久，都搞不定一个优雅的方案。

问题在于：

Markdown 格式粘贴过去会乱
HTML 格式可以粘贴，但图片全变成小照相机符号
只能一张张手动替换图片，一篇文章要折腾半小时

换成 Playwright CLI 自动化之后，一次性通过。

AI 自动打开浏览器，创建草稿，粘贴 HTML 内容，然后一张张找到占位符、删掉、上传真实图片替换进去。整个过程行云流水，我只需要给它一个文章路径。

案例二：Web APP 自动化测试

我自己开发了一个简历润色的网页应用，之前测试都是手动点，费时费力。

现在让 AI 先读代码，自己写测试用例，然后用 Playwright CLI 自动执行：注册账号、登录、创建测试简历、完成主流程……

测试结论：通过。

以后还可以配合定时任务框架，让 AI 定期自动跑测试，代码改出 Bug 第一时间发现，完全不需要人工介入。

五、总结一下这套流程

阶段	做什么	Token 消耗
第一次探索	AI 自己试错	较高（41%）
提炼 Skill	AI 总结经验	一次性投入
第二次执行	AI 读 Skill 完成任务	降低 10 倍（5%）
写成脚本	直接执行脚本	零 Token