AI SummaryPlaywright Interactive enables fast iterative UI debugging by keeping browser and Electron instances alive in a persistent js_repl session, allowing developers to test and refine UI interactions without repeated restarts.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to install the "playwright-interactive" skill in my project. Please run this command in my terminal: # Install skill into your project (6 files) mkdir -p .claude/skills/playwright-interactive && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/playwright-interactive/SKILL.md "https://raw.githubusercontent.com/openai/skills/main/skills/.curated/playwright-interactive/SKILL.md" && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/playwright-interactive/LICENSE.txt "https://raw.githubusercontent.com/openai/skills/main/skills/.curated/playwright-interactive/LICENSE.txt" && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/playwright-interactive/NOTICE.txt "https://raw.githubusercontent.com/openai/skills/main/skills/.curated/playwright-interactive/NOTICE.txt" && mkdir -p .claude/skills/playwright-interactive/agents && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/playwright-interactive/agents/openai.yaml "https://raw.githubusercontent.com/openai/skills/main/skills/.curated/playwright-interactive/agents/openai.yaml" && mkdir -p .claude/skills/playwright-interactive/assets && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/playwright-interactive/assets/playwright-small.svg "https://raw.githubusercontent.com/openai/skills/main/skills/.curated/playwright-interactive/assets/playwright-small.svg" && mkdir -p .claude/skills/playwright-interactive/assets && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/playwright-interactive/assets/playwright.png "https://raw.githubusercontent.com/openai/skills/main/skills/.curated/playwright-interactive/assets/playwright.png" Then restart Claude Code (or reload the window in Cursor) so the skill is picked up.
Description
Persistent browser and Electron interaction through `js_repl` for fast iterative UI debugging.
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_repl must be enabled for this skill. • If js_repl is missing, enable it in ~/.codex/config.toml: `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 for sandbox_mode=danger-full-access). This is a temporary requirement while js_repl + Playwright support inside the sandbox is still being completed. • Run setup from the same project directory you need to debug. • Treat js_repl_reset as a recovery tool, not routine cleanup. Resetting the kernel destroys your Playwright handles.
One-time setup
`bash test -f package.json || npm init -y npm install playwright
npm install --save-dev electron
node -e "import('playwright').then(() => console.log('playwright import ok')).catch((error) => { console.error(error); process.exit(1); })" ` If you switch to a different workspace later, repeat setup there.
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster