skills.rest
linxuan-sys
linxuan-sysCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/linxuan-sys/opencode-skills-chinese --skill playwright-cli-linxuan-sys
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
arisngarisng
5

playwright-cli-archived

Automate browser interactions and QA tasks using the Playwright CLI.

Community
Basic
mizchimizchi
320

playwright-cli

Run Playwright tests, generate code, capture screenshots or PDFs, and apply CI sharding from the terminal.

Community
Intermediate
pingqLINpingqLIN

playwright

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

Community
Intermediate
garrytangarrytan
127.1k

browse

Provide a headless Chromium browser for automated web testing and interaction.

Community
Advanced