playwright-interactive

Maintain persistent Playwright handles and contexts for iterative UI debugging.

3|Updated Jan 14, 2022
One-click install
npx skills add https://github.com/bingran-you/bingran-you --skill playwright-interactive-bingran-you
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-interactive
Source: https://github.com/bingran-you/bingran-you/tree/main/repo-skills/playwright-interactive
Command: npx skills add https://github.com/bingran-you/bingran-you --skill playwright-interactive-bingran-you

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a stable, long-lived Playwright session for debugging local web and Electron applications, enabling handles and contexts to be reused across iterations to reduce startup time and flaky restarts.

Core Features & Use Cases

  • Persistent web and Electron QA sessions with shared handles (browser, context, page, and Electron app window) across iterations.
  • Guided bootstrap, mode switching between explicit viewport and native window, and session reuse during iterative development.
  • End-to-end QA and visual verification for local apps, including debugging workflows that require running a local server and launching an Electron workspace.

Quick Start

Start a persistent Playwright session in your workspace and begin iterative UI debugging.

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 iterative UI debugging?▼

You can maintain a persistent Playwright session by enabling the js_repl feature to keep browser, context, and page handles alive across code edits, reducing startup time and flaky restarts during iterative UI debugging.

Can I use Playwright to debug local Electron apps without restarting the toolchain?▼

Yes, you can debug local Electron apps without restarting the toolchain by launching a persistent workspace session that preserves the Electron app window handle across multiple QA iterations and rapid visual verification checks.

How do I switch between explicit viewport and native window modes in Playwright QA?▼

You can switch between explicit viewport and native window modes during a Playwright QA session by following the guided bootstrap steps, allowing flexible visual verification for both local web and Electron applications.

Do I need to enable js_repl to reuse browser contexts across Playwright edits?▼

Yes, you must enable the js_repl feature to reuse browser contexts and handles across edits, which is required to follow the setup and bootstrap steps for maintaining a stable, long-lived Playwright debugging environment.

Why does my Playwright debugging session flake or restart during local web app testing?▼

Playwright debugging sessions flake or restart because standard configurations drop handles after each execution, whereas using a persistent session with shared contexts prevents these disruptive restarts during local web app testing.

What is the best way to run rapid QA checks on local web apps using Playwright?▼

The best way to run rapid QA checks is to start a persistent Playwright session in your workspace, which allows you to reuse shared handles and contexts for iterative development without restarting the entire toolchain.