playwright-interactive

Maintain persistent Playwright sessions for iterative browser and Electron UI debugging.

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/pczhao1210/reuseable-agents-and-skills --skill playwright-interactive
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-interactive
Source: https://github.com/pczhao1210/reuseable-agents-and-skills/tree/main/.agents/skills/playwright-interactive
Command: npx skills add https://github.com/pczhao1210/reuseable-agents-and-skills --skill playwright-interactive

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables persistent Playwright sessions to debug local web and Electron applications without restarting the toolchain, preserving handles across iterations so developers can rapidly verify behavior and capture QA evidence.

Core Features & Use Cases

  • Persistent Sessions: Maintain browser and Electron handles across code changes to avoid repeated startup overhead.
  • Functional and Visual QA: Run structured functional checks and a separate visual verification pass with CSS-pixel normalized screenshots for reliable signoff.
  • Mode-aware Workflows: Support explicit viewport, native-window, and mobile modes with clear reload-versus-relaunch guidance and cleanup procedures.
  • Use Case: Iterate on a local React app or Electron desktop app, run a QA inventory, reload or relaunch as appropriate, and capture normalized screenshots to prove visual and functional claims.

Quick Start

Start a persistent Playwright js_repl session in the project workspace, open the target URL or launch the Electron entry, and run the bootstrap cell to begin iterative functional and visual QA.

Frequently Asked Questions about playwright-interactive

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

FAQPage Schema
How do I maintain a persistent Playwright session for UI debugging?

To maintain persistent Playwright sessions for UI debugging, use a js_repl-enabled runtime to preserve browser and Electron handles across code changes, avoiding repeated toolchain startup overhead while iterating on local web or desktop applications.

How do I take normalized screenshots for QA verification in Playwright?

Taking normalized screenshots for QA verification involves running a separate visual verification pass that applies CSS-pixel screenshot normalization, ensuring reliable visual signoff and consistent functional checks across different viewport and mobile modes.

Can I debug an Electron app with Playwright without restarting the toolchain?

Yes, you can debug an Electron app without restarting the toolchain by launching the Electron entry within a persistent Playwright session, preserving window handles across iterations to rapidly verify behavior and capture QA evidence.

When should I reload versus relaunch a browser when debugging a local web app?

Reloading versus relaunching a browser depends on mode-aware workflow rules: reload preserves the current browser state for minor code changes, while relaunching resets the session entirely when significant structural updates require a fresh application state.

What do I need to run iterative functional and visual QA checks with Playwright?

To run iterative functional and visual QA checks with Playwright, you need Playwright installed and a js_repl-enabled runtime in your project workspace to start a persistent session, open the target URL, and execute the bootstrap cell.