Dramaturg

Tracking since Apr 5, 2026.

Changelog

• May 24, 2026
  permissions

  activeTab, tabs, sidePanel, debugger, storage, windows, alarms, scripting, tabCapture, webNavigation, downloads

  activeTab, tabs, sidePanel, debugger, storage, windows, scripting, tabCapture, webNavigation, downloads, offscreen

• May 11, 2026
  description

  Dramaturg — Playwright Engineer's Companion
  
  Console, editor, runner, debugger, and recorder for Playwright — all in a Chrome side panel. No Node.js backend, no external server. Open the panel and start automating.
  
  Console — two modes, one input
  
  .pw keywords: goto, click, fill, snapshot, verify-text, ...
  JavaScript: Playwright API, DOM access, expect() assertions — auto-detected
  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
  Load and save .pw / .js files
  
  JS Debugger
  
  Set breakpoints by clicking the editor gutter
  Step Over, Step Into, Step Out, and Continue
  Inline variable values displayed on the paused line
  Variables tab — inspect Local, Block, Closure, and Script scope variables
  Expandable object tree for complex values
  Floating debug toolbar during debug sessions
  
  Recorder
  
  Capture clicks, hovers, fills, and navigations live
  Generates .pw commands or JS Playwright code
  Ancestor context disambiguation for ambiguous elements (e.g. click "Save" --in "Settings")
  Pick elements with hover highlight and locator tooltip
  Contextual assertions (verify-text, verify-visible)
  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)
  DevTools tab — "Playwright" tab in Chrome DevTools with the same console
  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 JavaScript with breakpoints and variable inspection
  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

  Dramaturg — Playwright Engineer's Companion
  
  Console, editor, runner, debugger, and recorder for Playwright — all in a Chrome side panel. No Node.js backend, no external server. Open the panel and start automating.
  
  Console — two modes, one input
  
  .pw keywords: goto, click, fill, snapshot, verify-text, ...
  JavaScript: Playwright API, DOM access, expect() assertions — auto-detected
  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
  Load and save .pw / .js files
  
  JS Debugger
  
  Set breakpoints by clicking the editor gutter
  Step Over, Step Into, Step Out, and Continue
  Inline variable values displayed on the paused line
  Variables tab — inspect Local, Block, Closure, and Script scope variables
  Expandable object tree for complex values
  Floating debug toolbar during debug sessions
  
  Recorder
  
  Capture clicks, hovers, fills, and navigations live
  Generates .pw commands or JS Playwright code
  Ancestor context disambiguation for ambiguous elements (e.g. click "Save" --in "Settings")
  Pick elements with hover highlight and locator tooltip
  Contextual assertions (verify-text, verify-visible)
  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)
  DevTools tab — "Playwright" tab in Chrome DevTools with the same console
  Connects to CLI (playwright-repl) and MCP server for AI-driven automation
  
  Use cases
  
  Interactively test page interactions without writing scripts
  Record user flows and replay them
  Debug JavaScript with breakpoints and variable inspection
  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

• May 11, 2026
  permissions

  activeTab, tabs, sidePanel, debugger, storage, windows, alarms, offscreen, scripting, tabCapture, downloads

  activeTab, tabs, sidePanel, debugger, storage, windows, alarms, scripting, tabCapture, webNavigation, downloads

• Apr 18, 2026
  description

  Dramaturg — Playwright Engineer's Companion
  
  Console, editor, runner, debugger, and recorder for Playwright — all in a Chrome side panel. No Node.js backend, no external server. Open the panel and start automating.
  
  Console — two modes, one input
  
  .pw keywords: goto, click, fill, snapshot, verify-text, ...
  JavaScript: Playwright API, DOM access, expect() assertions — auto-detected
  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
  Load and save .pw / .js files
  
  JS Debugger
  
  Set breakpoints by clicking the editor gutter
  Step Over, Step Into, Step Out, and Continue
  Inline variable values displayed on the paused line
  Variables tab — inspect Local, Block, Closure, and Script scope variables
  Expandable object tree for complex values
  Floating debug toolbar during debug sessions
  
  Recorder
  
  Capture clicks, hovers, fills, and navigations live
  Generates .pw commands or JS Playwright code
  Ancestor context disambiguation for ambiguous elements (e.g. click "Save" --in "Settings")
  Pick elements with hover highlight and locator tooltip
  Contextual assertions (verify-text, verify-visible)
  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 JavaScript with breakpoints and variable inspection
  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

  Dramaturg — Playwright Engineer's Companion
  
  Console, editor, runner, debugger, and recorder for Playwright — all in a Chrome side panel. No Node.js backend, no external server. Open the panel and start automating.
  
  Console — two modes, one input
  
  .pw keywords: goto, click, fill, snapshot, verify-text, ...
  JavaScript: Playwright API, DOM access, expect() assertions — auto-detected
  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
  Load and save .pw / .js files
  
  JS Debugger
  
  Set breakpoints by clicking the editor gutter
  Step Over, Step Into, Step Out, and Continue
  Inline variable values displayed on the paused line
  Variables tab — inspect Local, Block, Closure, and Script scope variables
  Expandable object tree for complex values
  Floating debug toolbar during debug sessions
  
  Recorder
  
  Capture clicks, hovers, fills, and navigations live
  Generates .pw commands or JS Playwright code
  Ancestor context disambiguation for ambiguous elements (e.g. click "Save" --in "Settings")
  Pick elements with hover highlight and locator tooltip
  Contextual assertions (verify-text, verify-visible)
  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)
  DevTools tab — "Playwright" tab in Chrome DevTools with the same console
  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 JavaScript with breakpoints and variable inspection
  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

• Apr 18, 2026
  permissions

  activeTab, tabs, sidePanel, debugger, storage, windows, offscreen, scripting

  activeTab, tabs, sidePanel, debugger, storage, windows, alarms, offscreen, scripting, tabCapture, downloads

Permissions & access

Permissions

activeTabtabssidePaneldebuggerstoragewindowsscriptingtabCapturewebNavigationdownloadsoffscreen

Host access

<all_urls>

Screenshots

Similar extensions

Alternatives to Dramaturg, ranked by description similarity.

Playwright Recorder

Record browser actions and generate Playwright test scripts in JavaScript, TypeScript, Python, Java, and C# (.NET).

1.0K

★ 5.0

Playwright Chrome Recorder

Playwright extension for DevTools that allows you to export tests directly from the Recorder panel.

10.0K

★ 2.8

Playwriter

Automate your Browser using Cursor, Claude, VS Code. More capable and context efficient than Playwright MCP.

10.0K

★ 4.7

Playwright Locator Inspector

DevTools panel to generate robust Playwright & XPath locators uniquely identified within the DOM. Supports AI optimization.

176

Playwright Test Recorder

Record user interactions and generate Playwright test scripts

61

Real Browser MCP

Let AI agents control your real browser - your tabs, your sessions, your logins

246

★ 5.0

Playwright CRX

Playwright as a chrome extension. You can record using Playwright Record directly on your browser. Just attach the tabs you want to…

40.0K

★ 4.9

Playwright POM Generator

Generate production-ready Playwright Page Object Model files with syntax highlighting

1.0K

★ 5.0