Browser & AutomationDocumentedScanned
clawbrowser
Use when the agent needs to drive a browser through the Microsoft Playwright CLI (`playwright-cli`) for navigation,.
Share:
Installation
npx clawhub@latest install clawbrowserView the full skill documentation and source below.
Documentation
Clawbrowser – browser control via Playwright CLI
Setup & orientation
npm install -g @playwright/cli@latest
playwright-cli --help
The CLI is headless by default; add --headed to open or set browser.launchOptions.headless to false in playwright-cli.json when you need to see the UI.
playwright-cli.json by default or whatever file you pass with --config. Use the config to tune browser name, launch/context options, viewport, timeouts, output directories, and recording settings without changing every command.playwright-cli --help terminal-accessible; the script self-documents the latest commands and options so you can refresh your memory before trying a new action.Core interaction loop
playwright-cli open to load the page (add --session=name if you want isolation up front).playwright-cli snapshot to generate element refs (e1, e2, …) before any interaction. Always re-snapshot after DOM changes or navigation to avoid stale refs.click, dblclick, hover, drag, check, uncheck, select, fill, type, upload, eval
- Append [button], [value], or JS snippets as needed (e.g., playwright-cli click e4 right).
screenshot [ref], pdf, console [level], or network to prove the flow or inspect errors.playwright-cli open
playwright-cli snapshot
playwright-cli fill e1 "user@example.com"
playwright-cli fill e2 "supersecret"
playwright-cli click e3
playwright-cli snapshot
playwright-cli screenshot
Sessions & persistence
- Use
--session=to keep cookies, storage, and tabs isolated per workflow. Sessions behave like persistent profiles: they remember auth state, history, and tabs between commands. - Export
PLAYWRIGHT_CLI_SESSION=mysessionif you are running many commands in the same session — the CLI will default to that session without needing--sessioneach time. - Manage sessions explicitly:
playwright-cli session-list
playwright-cli session-stop <name>
playwright-cli session-stop-all
playwright-cli session-restart <name>
playwright-cli session-delete <name>
- Use
playwright-cli --isolated open ...for ephemeral contexts that do not persist to disk. - Whenever you change browser settings for a session (launch args, headless toggle, browser selection), rerun
playwright-cli configfor that session and thensession-restartto apply the new config.
Tabs, navigation, and devtools
- Tab helpers:
tab-list,tab-new [url],tab-close,tab-select. - Navigation shortcuts:
go-back,go-forward,reload. - Keyboard and mouse control:
press,keydown,keyup,mousemove,mousedown [button],mouseup [button],mousewheel. - Devtools-style introspection:
playwright-cli console [level]
playwright-cli network
playwright-cli run-code "async page => await page.context().grantPermissions(['clipboard-read'])"
Use these to check console logs, inspect network requests, or inject helper scripts.
Recording, tracing, and exports
- Record traces and videos around delicate interactions so you can replay what the agent did later:
playwright-cli tracing-start
# perform steps
playwright-cli tracing-stop
playwright-cli video-start
# perform steps
playwright-cli video-stop video.webm
- Save evidence to disk with
screenshot,pdf, orsnapshot(which dumps element refs). Recorded files honor theoutputDirfrom your config.
Config, state, and housekeeping
- Use
playwright-cli configto tweak runtime flags without reinstalling. Examples:
playwright-cli config --headed --browser=firefox
playwright-cli --session=auth config --config=playwright-cli.json
Change browser, contextOptions, launchOptions, or recording settings in the config and restart the session to apply them.
- Running
playwright-cli installrefreshes browser binaries if the environment is new or you receive errors about missing binaries. - Clean up sessions when finished to avoid stale state:
playwright-cli session-stop <name>
playwright-cli session-delete <name>
Troubleshooting & reminders
- If a command fails, rerun
playwright-cli snapshotto confirm refs are still valid. Snapshots provide the current DOM context forclick/typeoperations. playwright-cli --helpalways shows the latest command set, so consult it before trying a rarely used flag.- When the agent needs to replicate a recorded manual flow, capture a screenshot, note the session name, and mention which refs and tabs were in use.
- If targeting a visible browser is required (e.g., manual inspection), reconfigure with
--headed, or runplaywright-cli open --headedfor that session only.