playwright-cli

Automate browser navigation and interaction for web testing via Playwright CLI.

190|27|Updated Apr 22, 2026

Search Tags:#cli #browser automation #playwright #ui testing #snapshot #dom inspection #request mocking

Ready to run

npx skills add https://github.com/linxuan-sys/opencode-skills-chinese --skill playwright-cli-linxuan-sys

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: playwright-cli
Source: https://github.com/linxuan-sys/opencode-skills-chinese/tree/main/playwright-cli
Command: npx skills add https://github.com/linxuan-sys/opencode-skills-chinese --skill playwright-cli-linxuan-sys

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you automate browser interactions, test web pages, and debug Playwright workflows without manually guessing selectors or element states.

Core Features & Use Cases

Snapshot-based element interaction: Use snapshot element references (e.g., e15) to click, type, hover, select, drag, and upload reliably.
Debugging & verification: Inspect page state with snapshot, evaluate DOM expressions, take screenshots/PDF exports, and capture session storage/cookies.
Advanced Playwright workflows: Run custom Playwright code, intercept requests for mocking, manage multiple browser sessions, and generate test code from actions.

Quick Start

Tell the AI to open a page in headed mode, take a snapshot to find element references, fill the form fields, click the submit button, and then export a screenshot for verification.

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 without manually guessing CSS selectors?▼

Browser automation can be driven by snapshot-based element addressing, using references like e15 to click, type, and upload reliably without guessing CSS selectors.

What is the best way to debug Playwright test code and inspect DOM state?▼

Debugging Playwright test code involves inspecting DOM state by evaluating expressions, taking screenshots, and exporting PDFs to verify page rendering and session storage.

Can I intercept and mock network requests during UI testing?▼

Yes, UI testing supports intercepting network requests for mocking, allowing you to simulate API responses and isolate frontend behavior during automated browser workflows.

How do I run custom Playwright code and manage multiple browser sessions?▼

Custom Playwright code execution supports managing multiple browser sessions, enabling complex testing workflows and generating test code directly from recorded actions.

Does browser automation with Playwright require a headed execution mode?▼

Safe headed execution is required by default for open commands, ensuring visible browser automation while providing compatible tool access for Bash and npx/npm usage.