AgentSkillsCN

playwright-bowser

使用 Playwright CLI 进行无头浏览器自动化。适用于需要无头浏览、并行浏览器会话、UI 测试、截图、网页抓取，或可在后台运行的浏览器自动化场景。关键词——playwright、无头、浏览器、测试、截图、抓取、并行。

SKILL.md
--- frontmatter
name: playwright-bowser
description: Headless browser automation using Playwright CLI. Use when you need headless browsing, parallel browser sessions, UI testing, screenshots, web scraping, or browser automation that can run in the background. Keywords - playwright, headless, browser, test, screenshot, scrape, parallel.
allowed-tools: Bash

Playwright Bowser

Purpose

Automate browsers using playwright-cli — a token-efficient CLI for Playwright. Runs headless by default, supports parallel sessions via named sessions (-s=), and doesn't load tool schemas into context.

Key Details

  • •Headless by default — pass --headed to open to see the browser
  • •Parallel sessions — use -s=<name> to run multiple independent browser instances
  • •Persistent profiles — cookies and storage state preserved between calls
  • •Token-efficient — CLI-based, no accessibility trees or tool schemas in context
  • •Vision mode (opt-in) — set PLAYWRIGHT_MCP_CAPS=vision to receive screenshots as image responses in context instead of just saving to disk

Sessions

Always use a named session. Derive a short, descriptive kebab-case name from the user's prompt.

bash
playwright-cli -s=mystore-checkout open https://mystore.com --persistent
playwright-cli -s=mystore-checkout snapshot
playwright-cli -s=mystore-checkout click e12
playwright-cli -s=mystore-checkout close

Managing sessions:

bash
playwright-cli list          # list all sessions
playwright-cli close-all     # close all sessions
playwright-cli -s=<name> close
playwright-cli -s=<name> delete-data

Quick Reference

code
Core:       open [url], goto <url>, click <ref>, fill <ref> <text>, type <text>, snapshot, screenshot [ref], close
Navigate:   go-back, go-forward, reload
Keyboard:   press <key>, keydown <key>, keyup <key>
Mouse:      mousemove <x> <y>, mousedown, mouseup, mousewheel <dx> <dy>
Tabs:       tab-list, tab-new [url], tab-close [index], tab-select <index>
Save:       screenshot [ref], pdf, screenshot --filename=f
Storage:    state-save, state-load, cookie-*, localstorage-*, sessionstorage-*
Network:    route <pattern>, route-list, unroute, network
DevTools:   console, run-code <code>, tracing-start/stop, video-start/stop
Sessions:   -s=<name> <cmd>, list, close-all, kill-all
Config:     open --headed, open --browser=chrome, resize <w> <h>

Workflow

  1. •Derive a session name from context and open with --persistent:
bash
PLAYWRIGHT_MCP_VIEWPORT_SIZE=1440x900 playwright-cli -s=<session-name> open <url> --persistent
# headed:
PLAYWRIGHT_MCP_VIEWPORT_SIZE=1440x900 playwright-cli -s=<session-name> open <url> --persistent --headed
# vision mode:
PLAYWRIGHT_MCP_VIEWPORT_SIZE=1440x900 PLAYWRIGHT_MCP_CAPS=vision playwright-cli -s=<session-name> open <url> --persistent
  1. •Get element references:
bash
playwright-cli -s=<session-name> snapshot
  1. •Interact using refs:
bash
playwright-cli -s=<session-name> click <ref>
playwright-cli -s=<session-name> fill <ref> "text"
playwright-cli -s=<session-name> press Enter
  1. •Capture results:
bash
playwright-cli -s=<session-name> screenshot --filename=output.png
  1. •Always close when done:
bash
playwright-cli -s=<session-name> close