playwright-interactive

Maintain persistent Playwright sessions for iterative web and Electron debugging.

8|4|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/jscraik/Agent-Skills --skill playwright-interactive-jscraik
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-interactive
Source: https://github.com/jscraik/Agent-Skills/tree/main/frontend/tools/playwright-interactive
Command: npx skills add https://github.com/jscraik/Agent-Skills --skill playwright-interactive-jscraik

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill allows for iterative debugging of web and Electron applications by maintaining a persistent Playwright session, avoiding the need to restart the browser on every code change.

Core Features & Use Cases

  • Persistent Sessions: Keep browser handles alive across multiple debugging iterations.
  • Iterative UI Debugging: Ideal for rapid testing and visual QA without constant restarts.
  • Electron Inspection: Supports debugging Electron apps, including main-process and renderer changes.
  • Use Case: Debugging a local React app where you frequently update CSS or component logic and want to see changes reflected immediately without losing your current page state.

Quick Start

Use the playwright-interactive skill to keep a live Playwright session open while I debug this local web app.

Frequently Asked Questions about playwright-interactive

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

FAQPage Schema
How do I keep a Playwright session alive while debugging web apps iteratively?

Keeping a Playwright session alive for iterative debugging requires reusing browser handles across changes via a persistent REPL. This live session approach prevents browser restarts, allowing rapid UI testing and visual QA while preserving current page state.

Can I inspect and debug Electron applications using Playwright?

Yes, you can inspect and debug Electron applications using Playwright by maintaining persistent sessions. This supports debugging both main-process and renderer changes, allowing you to apply updates and inspect the results within the same active workspace without restarting the application.

Do I need js_repl installed to run persistent Playwright sessions?

Yes, you need js_repl installed to run persistent Playwright sessions. The interactive debugging workflow relies on js_repl to establish deterministic setup and manage browser session handles, facilitating live UI automation and iterative code changes within your current workspace.

What is the best way to do visual QA on a local React app without losing page state?

The best way to do visual QA on a local React app without losing page state is using persistent browser sessions. By reusing Playwright browser handles across debugging cycles, you can immediately reflect CSS or component logic updates without restarting the browser or losing your current state.

Why does my Playwright browser restart on every code change during UI debugging?

Your Playwright browser restarts on every code change because the session is not persistent. Using a live interactive session manager that reuses browser handles across debugging cycles prevents this, allowing iterative UI debugging and visual QA without constant browser restarts.