Dramaturg is a versatile Chrome add-on designed for Playwright engineers, offering a robust suite of tools including a console, editor, runner, debugger, and recorder. This free tool operates entirely within a Chrome side panel, eliminating the need for a Node.js backend or external server, allowing users to start automating directly. The console supports two modes, featuring auto-detection of JavaScript and Playwright API commands, with results displayed as expandable object trees similar to Chrome DevTools.

The editor allows for the writing and execution of multi-line scripts with features like autocompletion, syntax highlighting, and gutter markers for pass/fail status. The built-in JavaScript debugger provides essential tools such as breakpoints and variable inspection. Additionally, the recorder captures user interactions live, generating corresponding Playwright commands or JavaScript code, making it easier to automate complex user flows. With support for dark mode, accessibility features, and integration with AI-driven automation, Dramaturg enhances the workflow for developers and testers alike.