Creative & DesignIntermediate
playwright-interactive
Persistent browser and Electron interaction via js_repl for iterati...
Developer Setup
Setup & Installation
bash
npx skills add https://github.com/openai/skills --skill playwright-interactivenpx skills add https://github.com/openai/skills --skill playwright-interactiveOr paste this URL into your assistant to install:
Overview
What This Skill Does
Persistent browser and Electron interaction via js_repl for iterative UI debugging
Application
When to use this Skill
- Integrating playwright interactive into your development workflow.
- Following best practices for persistent browser and electron interaction via js_repl for iterative ui debugging.
- Automating repetitive tasks with AI-assisted tooling.
- Building production-grade applications with proper standards.
- Debugging and troubleshooting common implementation issues.
Documentation
Show Skills.md file
Playwright Interactive Skill
Use a persistent js_repl Playwright session to debug local web or Electron apps, keep the same handles alive across iterations, and run functional plus visual QA without restarting the whole toolchain unless the process ownership changed.
Preconditions
js_replmust be enabled for this skill.- If
js_replis missing, enable it in~/.codex/config.toml:
[features]
js_repl = true
- You can also start a new session with
--enable js_repl(equivalent to-c features.js_repl=true). - After enabling
js_repl, start a new Codex session so the tool list refreshes. - For now, run this workflow with sandboxing disabled: start Codex with
--sandbox danger-full-access(or the equivalent config forsandbox_mode=danger-full-access). This is a temporary requirement whilejs_repl+ Playwright support inside the sandbox is still being completed. - Run setup from the same project directory you need to debug.
- Treat
js_repl_resetas a recovery tool, not routine cleanup. Resetting the kernel destroys your Playwright handles.
One-time setup
test -f package.json || npm init -y
npm install playwright
# Web-only, for headed Chromium or mobile emulation:
# npx playwright install chromium
# Electron-only, and only if the target workspace is the app itself:
# npm install --save-dev electron
node -e "import('playwright').then(() => console.log('playwright import ok')).catch((error) => { console.error(error); process.exit(1); })"
Lines 1 - 31 of 688
Recommendations