playwright-interactive
CommunityPersistent Playwright for fast UI debugging
Authorpczhao1210
Version1.0.0
Installs0
System Documentation
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.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: playwright-interactive Download link: https://github.com/pczhao1210/reuseable-agents-and-skills/archive/main.zip#playwright-interactive Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.