微软官方出品的 Playwright CLI 工具,内置 SKILLS 支持,专为编码 Agent 设计,提供比 MCP 更高 token 效率的浏览器自动化能力。
12.0k stars | TypeScript | MIT | https://github.com/microsoft/playwright-cli
核心定位
Playwright CLI 是面向编码 Agent 的浏览器自动化方案,通过 CLI + SKILLS 的模式,避免了 MCP 方案加载大型工具 schema 和冗长可访问性树的 token 开销,更适合高吞吐量编码场景。
与 Playwright MCP 的对比
| 形态 | 适用场景 | 核心优势 |
|---|---|---|
| CLI + SKILLS | 高吞吐量编码 Agent 场景,需要平衡浏览器自动化与大型代码库、测试、推理任务 | token 效率高,通过简洁的专用命令执行操作,避免大量上下文消耗 |
| MCP | 探索性自动化、自愈测试、长时间自主工作流 | 支持持久化状态、丰富内省能力、持续浏览器上下文 |
核心特性
- 超高 token 效率:不强制将页面数据加载到 LLM 上下文
- SKILLS 支持:内置浏览器自动化 Skill,编码 Agent 可直接调用
- 会话管理:默认内存保存浏览器 profile,支持
--persistent持久化到磁盘 - 多 Agent 兼容:支持 Claude Code、GitHub Copilot 等所有主流编码 Agent
- 灵活操作:支持 headless/headed 模式、截图、表单填写、元素操作等完整自动化能力
安装使用
基础安装
npm install -g @playwright/cli@latest
playwright-cli --help安装 Skills
playwright-cli install --skills安装后 Claude Code/Copilot 等 Agent 会自动识别并使用本地 Skill。
常用命令
# 打开网页
playwright-cli open https://demo.playwright.dev/todomvc/ --headed
# 表单操作
playwright-cli type "Buy groceries"
playwright-cli press Enter
# 元素操作
playwright-cli check e21
playwright-cli click ".submit-button"
# 截图
playwright-cli screenshot
# 持久化会话
playwright-cli open https://github.com --persistent=github-profileSkill 工作原理
SKILLS 采用简洁的命令式设计,Agent 只需调用少量专用命令即可完成自动化任务,无需理解复杂的 MCP 工具 schema 和页面结构数据,大幅减少 token 消耗。
相关页面
- playwright — 底层自动化框架本体,含登录态保持/监控实战用法
- playwright-mcp — 微软官方 Playwright MCP 服务器,适合需要持久化上下文的场景
- puppeteer — Google 出品的 Chrome/Firefox 自动化库
- agent-skills__tech-leads-club — 包含
playwright-skill的专业 Skill 注册表