playwright-interactive

Maintain persistent Playwright browser sessions for iterative UI debugging.

Updated Mar 14, 2026
One-click install
npx skills add https://github.com/thanhquan3010/hospital-management-system-v3 --skill playwright-interactive-thanhquan3010
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-interactive
Source: https://github.com/thanhquan3010/hospital-management-system-v3/tree/main/.agents/skills/playwright-interactive
Command: npx skills add https://github.com/thanhquan3010/hospital-management-system-v3 --skill playwright-interactive-thanhquan3010

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the debugging of local web and Electron applications by providing a persistent Playwright session, allowing for rapid iterative UI testing and debugging without constant restarts.

Core Features & Use Cases

  • Persistent Browser/Electron Sessions: Maintain Playwright handles across multiple debugging iterations.
  • Fast Iterative Debugging: Quickly reload or relaunch applications after code changes.
  • Functional & Visual QA: Facilitates both types of quality assurance within the same workflow.
  • Use Case: Debugging a React component in a local web app by making changes, reloading the browser, and immediately seeing the visual and functional impact without losing the established Playwright context.

Quick Start

Use the playwright-interactive skill to start a persistent browser session for debugging your local web application.

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 browser session for iterative UI debugging?

To maintain a persistent Playwright browser session for iterative UI debugging, you can use this Skill to keep Playwright handles active across multiple debugging iterations, allowing you to reload or relaunch applications quickly after code changes without losing the established context.

What is the best way to debug local Electron apps without restarting the application constantly?

The best way to debug local Electron apps without constant restarts is using a persistent Playwright session through `js_repl`, which maintains browser and Electron interaction handles, facilitating fast iterative debugging and immediate visual feedback after code changes.

Do I need to disable sandboxing to use Playwright for web and Electron interaction?

Yes, you need to disable sandboxing and enable `js_repl` for initial use to allow Playwright to establish persistent browser and Electron interaction handles for your local web application debugging and QA workflows.

Can I perform visual and functional QA testing in the same workflow for a local web app?

Yes, you can perform both visual and functional QA testing in the same workflow by maintaining Playwright handles across debugging sessions, allowing you to quickly reload applications and immediately see the impact of your code changes.

How does hot-reloading work with a persistent Playwright session during UI debugging?

Hot-reloading works with a persistent Playwright session by keeping the browser context active, so when you make code changes to your local web or Electron app, you can quickly reload the application and immediately see the visual and functional impact without restarting.