playwright-cli

Automates browser interactions for web testing, form filling, screenshots, and data extraction.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/rabuckley/blazeui --skill playwright-cli-rabuckley
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-cli
Source: https://github.com/rabuckley/blazeui/tree/main/.claude/skills/playwright-cli
Command: npx skills add https://github.com/rabuckley/blazeui --skill playwright-cli-rabuckley

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright-cli, and includes references (resource) components.

What problem does it solve? Manually testing web pages, filling forms, and extracting data from websites is repetitive and error-prone. This Skill drives a real browser through the playwright-cli command line so you can navigate pages, click elements, fill forms, capture snapshots, and extract information without writing test scripts from scratch. ## Core Features & Use Cases - Browser Interaction: Open pages, click, type, fill forms, drag, hover, and press keys using element refs from accessibility snapshots. - Session & Storage Management: Run multiple isolated named browser sessions, save and restore cookies, localStorage, and full storage state for authenticated workflows. - Debugging & Capture: Take screenshots, record videos, capture traces with DOM and network logs, mock network requests, and inspect console output. - Use Case: Automate a login flow once, save the authenticated state with state-save, then reuse it in later sessions to scrape dashboard data or run regression checks without logging in again. ## Quick Start Ask the assistant to open a website with playwright-cli, take a snapshot of the page, and click or fill the elements you specify.

Frequently Asked Questions about playwright-cli

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate browser interactions with playwright-cli?

Run `playwright-cli open` with a URL, then use `snapshot` to get element refs like e1 or e5. Interact with those refs using commands such as `click e3`, `fill e1 "text"`, or `press Enter`, and close the browser with `close` when finished.

How do I fill and submit a web form using Playwright?

Open the page, take a snapshot to identify the form field refs, then use `fill` for each input and `click` on the submit button. Take another snapshot afterward to verify the submission result.

Can playwright-cli run multiple browser sessions at once?

Yes, use the `-s` flag to create named sessions, such as `playwright-cli -s=auth open example.com`. Each session has isolated cookies, storage, cache, and tabs, and you can manage them with `list`, `close-all`, and `kill-all`.

How do I save and reuse login state in Playwright?

After logging in, run `playwright-cli state-save auth.json` to capture cookies and localStorage. Later, run `state-load auth.json` before navigating to restore the authenticated session without logging in again.

What should I do if the playwright-cli command is not found?

If the global binary fails, prefix commands with npx, for example `npx playwright-cli open https://example.com`. This runs the locally installed package without requiring a global installation.

What is the difference between tracing and video recording in Playwright?

Tracing captures DOM snapshots, network activity, console logs, and step-by-step actions for debugging, while video recording produces a WebM file showing only the visual session. Use tracing for analysis and video for demos or documentation.