skills.rest
Zoppy-crm
Zoppy-crmOFFICIAL
Explore all skills by this author →
WebsiteGitHub

playwright-cli

Automate browser interactions and end-to-end testing via Playwright CLI.

Updated Mar 1, 2026
Search Tags:#tracing#playwright#e2e-testing#snapshot#browser-automation#playwright-cli#request-mocking
One-click install
npx skills add https://github.com/Zoppy-crm/.github --skill playwright-cli-zoppy-crm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-cli
Source: https://github.com/Zoppy-crm/.github/tree/main/skills/frontend/playwright-cli
Command: npx skills add https://github.com/Zoppy-crm/.github --skill playwright-cli-zoppy-crm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a CLI-first way to interactively automate, inspect, and debug web pages and Playwright tests, reducing the time spent reproducing failures and manually writing test code.

Core Features & Use Cases

  • Interactive Debugging and Test Inspection: Attach to paused Playwright tests, explore DOM snapshots, evaluate elements, and reproduce failing steps.
  • Automation & Test Generation: Drive browsers with CLI commands, record actions that generate Playwright TypeScript code, execute custom Playwright code, and manage storage state for login flows.
  • Mocking, Tracing & Media Capture: Intercept and mock network requests, record traces and videos, take snapshots and screenshots, and manage multiple named browser sessions for concurrent workflows.

Quick Start

Open a playwright-cli session to https://example.com/login, fill the email and password fields, submit the form, and save a snapshot.

Frequently Asked Questions about playwright-cli

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

FAQPage Schema
How do I debug a paused Playwright test and inspect the DOM state?▼

You can debug paused Playwright tests by attaching to the active session, taking snapshots, and evaluating elements to reproduce failing steps and inspect the DOM state interactively.

Can I generate Playwright code from browser actions performed in the CLI?▼

Yes, you can drive browser interactions via CLI commands and record your actions to automatically generate Playwright TypeScript code for your end-to-end test automation workflows.

What is the best way to capture Playwright traces and videos for failing tests?▼

Capture Playwright traces and videos by starting a named browser session, executing your test steps, and recording the execution media to review screenshots, snapshots, and network activity.

How do I manage login state across multiple Playwright test sessions?▼

Manage login state across sessions by using named browser contexts to save and load storage state, enabling concurrent test workflows to reuse authenticated profiles without repeating login steps.

Can I mock network requests in Playwright without modifying the application code?▼

You can mock network requests by intercepting and routing them during Playwright browser automation, allowing you to test frontend behavior in isolation without altering application code.

Related Skills

Explore More Software Engineering Skills→
ryankoleanryankolean
3

cli-playwright

Automate browser interactions and end-to-end tests across Chromium, Firefox, and WebKit.

Community
Advanced
xxihxxih
1

e2e-testing

Execute Playwright web app tests and generate HTML reports with CI/CD compatibility.

Community
Advanced
yangchuanshengyangchuansheng
9

Etsy — Scraping & Data Extraction

Extract Etsy listings and shop data via API and browser scraping.

Community
Advanced
williamzujkowskiwilliamzujkowski
17

e2e-testing

Automate end-to-end web app testing with Playwright or Cypress in CI/CD pipelines.

Community
Intermediate