skills.rest
luce12
luce12COMMUNITY
Explore all skills by this author →
GitHub

playwright

Automate real browsers from the terminal using playwright-cli commands.

1|Updated Aug 6, 2026
Search Tags:#debugging#cli#browser automation#UI testing#Playwright#web scraping#form filling
One-click install
npx skills add https://github.com/luce12/agent-dev-workflow --skill playwright-luce12
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/luce12/agent-dev-workflow/tree/main/toolkits/playwright
Command: npx skills add https://github.com/luce12/agent-dev-workflow --skill playwright-luce12

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/cli, and includes scripts (resource) and references (resource) components.

What problem does it solve? Manually verifying web UI behavior is slow and error-prone. This Skill lets you drive a real browser from the terminal to navigate pages, fill forms, capture snapshots and screenshots, extract data, and debug UI flows without writing test files. ## Core Features & Use Cases - CLI-first browser automation: Open pages, snapshot the DOM to get stable element refs, then click, type, fill, drag, and press keys using those refs. - Debugging and inspection: Capture console messages, network activity, screenshots, PDFs, and traces around suspicious flows. - Session isolation: Run named sessions to keep work separated across projects or tabs. - Use Case: Verify a new checkout flow by opening the page headfully, filling the form fields by ref, submitting, re-snapshotting, and capturing a screenshot with zero console errors. ## Quick Start Ask the agent to open your web app with the playwright skill, snapshot the page, fill in the login form, click submit, and take a screenshot of the result.

Frequently Asked Questions about playwright

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

FAQPage Schema
How do I automate browser actions from the command line?▼

Use playwright-cli through the bundled wrapper script: open a URL, run snapshot to get stable element refs, then issue commands like click, fill, type, and press against those refs. Re-snapshot after navigation or major DOM changes.

How to fill and submit a web form with Playwright CLI?▼

Open the form page, run snapshot, then use fill with each field's element ref to enter values and click the submit button's ref. Finish with another snapshot and an optional screenshot to confirm the result.

Does playwright-cli require a global installation?▼

No. The wrapper script runs the CLI via npx --package @playwright/cli, so only Node.js with npx must be present on PATH. A global npm install of @playwright/cli is optional.

Why do Playwright element refs stop working?▼

Refs go stale after navigation, modal or menu changes, tab switches, or significant DOM updates. When a command fails due to a missing ref, run snapshot again and retry with the fresh refs.

Can I isolate browser sessions for different projects?▼

Yes. Pass --session <name> to any command, or set the PLAYWRIGHT_CLI_SESSION environment variable once. Each named session maintains its own isolated browser state.

Related Skills

Explore More Software Engineering Skills→
mathur-exemathur-exe

playwright

Automate browser navigation, form filling, screenshots, and data extraction via Playwright CLI.

Community
Intermediate
alibabaalibaba
327

agent-sec-core

Enforce a three-phase OS-level security workflow before agent decisions.

Official
Advanced
ThalesGroupThalesGroup
19

agilab-ui-robot-validation

Validate AGILAB Streamlit UI changes with automated browser robots.

Official
Intermediate
amoai-techamoai-tech
1

playwright-cli

Automate browser interactions and Playwright test workflows through a command-line interface.

Community
Advanced