微软官方出品的 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-profile

Skill 工作原理

SKILLS 采用简洁的命令式设计,Agent 只需调用少量专用命令即可完成自动化任务,无需理解复杂的 MCP 工具 schema 和页面结构数据,大幅减少 token 消耗。

相关页面

  • playwright — 底层自动化框架本体,含登录态保持/监控实战用法
  • playwright-mcp — 微软官方 Playwright MCP 服务器,适合需要持久化上下文的场景
  • puppeteer — Google 出品的 Chrome/Firefox 自动化库
  • agent-skills__tech-leads-club — 包含 playwright-skill 的专业 Skill 注册表