skills.rest
dicarsmtz
dicarsmtzCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

playwright

Automate real browser interactions from the terminal using playwright-cli commands.

1|Updated May 8, 2026
Search Tags:#screenshots#cli#browser automation#web testing#form filling#playwright#ui debugging
One-click install
npx skills add https://github.com/dicarsmtz/product-engineering-kit --skill playwright-dicarsmtz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/dicarsmtz/product-engineering-kit/tree/main/plugins/product-engineering/skills/playwright
Command: npx skills add https://github.com/dicarsmtz/product-engineering-kit --skill playwright-dicarsmtz

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Manually testing and debugging web UI flows in a browser is slow and hard to reproduce. This Skill lets you drive a real browser from the terminal—navigating pages, filling forms, clicking elements, and capturing screenshots or traces—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, and press keys using those refs via playwright-cli or the bundled wrapper script. - Debugging and inspection: Capture console output, network activity, screenshots, PDFs, and Playwright traces to diagnose UI issues. - Session and tab management: Isolate work with named sessions and manage multiple tabs for complex flows. - Use Case: You need to verify a login flow works after a deploy. Open the page, snapshot to get element refs, fill the credentials, submit, re-snapshot, and capture a screenshot as evidence. ## Quick Start Ask the AI to open a website with the Playwright CLI, snapshot the page, fill in a form, 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 with Playwright?▼

Use playwright-cli through the bundled wrapper script, which runs it via npx without a global install. Open a page, run snapshot to get stable element refs, then use commands like click, fill, type, and press with those refs.

How do I fill and submit a web form using playwright-cli?▼

Open the form page, run snapshot to list element refs, then use fill with each field's ref and value, and click the submit button's ref. Re-snapshot afterward to verify the result and capture a screenshot if needed.

Does playwright-cli require a global installation?▼

No, the bundled wrapper script runs playwright-cli through npx --package @playwright/cli, so only Node.js with npx is required. A global install via npm install -g @playwright/cli is optional.

Why do playwright-cli element refs stop working?▼

Element refs go stale after navigation, major DOM changes, modals, or tab switches. Run snapshot again to get fresh refs and retry the failed command.

Can I isolate browser sessions for different projects?▼

Yes, pass --session with a 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→
yeohj0710yeohj0710

playwright

Drive automated browser interactions via Playwright CLI from the terminal.

Community
Advanced
kanade0404kanade0404

e2e-testing

Build Playwright end-to-end test suites with page objects and CI artifacts.

Community
Advanced
InnerScopeHearingInnerScopeHearing

datadog

Submit metrics, manage monitors and dashboards, and run synthetic uptime checks via Datadog.

Official
Advanced
s205109s205109
2

playwright-cli

Automate browser interactions and inspect web page state via Playwright CLI.

Community
Intermediate