playwright-interactive

What it does

This skill enables persistent browser and Electron interaction using a JavaScript REPL (Read-Eval-Print Loop). It allows users to execute arbitrary JavaScript code within the context of an active web page or Electron application, facilitating rapid debugging and experimentation with user interfaces. This functionality is particularly useful for inspecting DOM elements, triggering events, and modifying application state in real time.

When to use it

• Debugging UI issues: Quickly inspect element properties and values when encountering unexpected behavior on a webpage.
• Automated testing: Execute JavaScript code to simulate user interactions and verify functionality within an Electron app or browser environment.
• Rapid prototyping: Experiment with different UI modifications and observe the results immediately without restarting the application.
• Analyzing page state: Examine the current values of variables and objects on a webpage for diagnostic purposes.

Key capabilities

• Persistent JavaScript REPL session
• Access to the DOM (Document Object Model) within the browser or Electron context
• Ability to execute arbitrary JavaScript code
• Real-time feedback and iterative UI debugging

Example prompts

• "Inspect the value of document.title."
• "Click the button with ID 'submit'."
• "Set the text content of the element with class 'message' to 'Hello, world!'"

Tips & gotchas

• Requires familiarity with JavaScript syntax and browser/Electron APIs.
• The js_repl environment is temporary; changes made within it will not persist across sessions.