Dramaturg

Playwright engineer's companion — console, editor, runner, and recorder in a Chrome side panel.

Dramaturg — Playwright Engineer's Companion Console, editor, runner, and recorder for Playwright — all in a Chrome side panel. No Node.js backend, no external server. Open the panel and start automating. Console — three input modes, one input .pw keywords: goto, click, fill, snapshot, verify-text, ... Playwright API: await page.locator('h1').textContent() JavaScript: document.title, window.location.href expect() assertions: await expect(page.locator('h1')).toBeVisible() Results render as expandable CDP object trees, just like Chrome DevTools. Editor Write and run multi-line .pw or JavaScript (Playwright API, DOM) scripts Playwright API and .pw keyword autocompletion with ghost-text suggestions Syntax highlighting, auto-closing brackets, pass/fail gutter markers Step debugger — pause at each line Load and save .pw / .js files Recorder Capture clicks, fills, and navigations live Generates .pw commands or JS Playwright code Inserted into the editor in real time Features Expandable accessibility tree for snapshot output Categorized help command — help click for per-command help, help js for Playwright API reference Auto-attach to the active tab Tab switcher — switch targets from the toolbar Screenshot preview with click-to-expand lightbox Language mode preference (.pw or JS) in Options Light / dark mode Side panel or popup window (configurable in Options) Connects to CLI (playwright-repl --bridge) and MCP server for AI-driven automation Use cases Interactively test page interactions without writing scripts Record user flows and replay them Debug element targeting with accessibility snapshots Let AI agents control your real browser session via MCP Type help in the console to see all commands. help click for per-command help. Open source: https://github.com/stevez/playwright-repl