playwright-interactive

Debug web and Electron apps through persistent JavaScript Repl sessions.

24|3|Updated Jan 30, 2026
One-click install
npx skills add https://github.com/VoDaiLocz/kilo-kit-mcp --skill playwright-interactive-vodailocz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-interactive
Source: https://github.com/VoDaiLocz/kilo-kit-mcp/tree/main/skills/engineering/playwright-interactive
Command: npx skills add https://github.com/VoDaiLocz/kilo-kit-mcp --skill playwright-interactive-vodailocz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the process of persistent browser and Electron UI debugging, eliminating the need for restarting tools frequently.

Core Features & Use Cases

  • Persistent Repl Sessions: Use js_repl for quick iteration and debugging without restarting the entire process.
  • Functional and Visual QA: Conduct both functional and visual quality assurance checks in one session.
  • Web & Electron Support: Work with both web applications and Electron apps with native-window debugging support.
  • Use Case: If you're developing a web or Electron application, use this Skill to quickly identify and fix UI issues by continuously iterating on your code changes.

Quick Start

Enable js_repl and launch a new Codex session. Use playwright-interactive to start debugging your application.

Frequently Asked Questions about playwright-interactive

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

FAQPage Schema
How do I debug UI changes in an Electron app without restarting the process?

Persistent UI debugging enables continuous iteration on Electron app interfaces without restarting. Using a JavaScript Repl interface, you can evaluate renderer and main-process code live to fix visual issues during functional QA.

Can I run Playwright QA automation for both web pages and native Electron windows?

Yes, Playwright supports QA automation for both web pages and Electron apps. You can conduct functional and visual quality assurance checks across both platforms within a single persistent debugging session.

What is a persistent JavaScript Repl session for web development?

A persistent JavaScript Repl session is an interactive interface that maintains its state during web development. It eliminates frequent tool restarts, enabling quick iteration on UI changes and continuous functional QA debugging.

Do I need js_repl enabled to use Playwright for interactive UI debugging?

Yes, enabling js_repl is required for interactive UI debugging. You must enable js_repl and launch a new session to start using Playwright for persistent debugging of web and Electron applications.

What's the best way to handle visual QA for both web and Electron apps?

The best way to handle visual QA for web and Electron apps is using persistent debugging sessions. This approach allows you to iterate quickly on UI changes and perform visual quality assurance without restarting your debugging tools.

Why does my UI debugging session keep losing state when iterating on web changes?

UI debugging sessions lose state when tools are frequently restarted. Using a persistent JavaScript Repl interface solves this by maintaining your session state, allowing continuous iteration on UI changes without losing your debugging context.