Item logo image for Dramaturg

Dramaturg

5.0(

1 rating

)
Item media 5 (screenshot) for Dramaturg
Item media 1 (screenshot) for Dramaturg
Item media 2 (screenshot) for Dramaturg
Item media 3 (screenshot) for Dramaturg
Item media 4 (screenshot) for Dramaturg
Item media 5 (screenshot) for Dramaturg
Item media 1 (screenshot) for Dramaturg
Item media 1 (screenshot) for Dramaturg
Item media 2 (screenshot) for Dramaturg
Item media 3 (screenshot) for Dramaturg
Item media 4 (screenshot) for Dramaturg
Item media 5 (screenshot) for Dramaturg

Overview

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

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

Details

  • Version
    0.27.0
  • Updated
    May 11, 2026
  • Size
    1.61MiB
  • Languages
    English
  • Developer
    Email
    huigang.Zhang@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Playwriter

4.7

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

DOMShell — Browser Filesystem for AI Agents

0.0

Browse the web with Linux commands. AI agents use ls, cd, grep, click via MCP. Terminal in Chrome Side Panel.

Straico Assistant

4.6

A Chrome extension side panel to interact with Straico and multiple AI providers.

axe DevTools - Web Accessibility Testing

3.9

Accessibility Checker for Developers, Testers, and Designers in Chrome

Screen Recorder & Screenshot App for Chrome | Scrnli

4.7

Screen recorder for Chrome, take screenshots, record screen and video, capture, edit and share instantly

Window Recorder

4.2

Window Recorder – reliable screen recorder for Chrome browser. Handy window tool for screenshots and video capture in your browser.

rep+

5.0

rep+ - Capture, modify, and replay HTTP requests in Chrome DevTools with AI-powered security analysis.

DeploySentinel Recorder

4.5

Record browser interactions to auto generate Cypress, Playwright and Puppeteer test scripts.

Playwright Recorder

5.0

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

Playwright Locator Inspector

0.0

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

Advanced Salesforce Developer Toolkit

5.0

SOQL editor, record inspector, Apex debug logs, metadata search, setup navigator — a Developer Console alternative.

Browser Bridge

0.0

Control Chrome for Browser Bridge: drive tabs and inspect pages for coding agents.

Playwriter

4.7

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

DOMShell — Browser Filesystem for AI Agents

0.0

Browse the web with Linux commands. AI agents use ls, cd, grep, click via MCP. Terminal in Chrome Side Panel.

Straico Assistant

4.6

A Chrome extension side panel to interact with Straico and multiple AI providers.

axe DevTools - Web Accessibility Testing

3.9

Accessibility Checker for Developers, Testers, and Designers in Chrome

Screen Recorder & Screenshot App for Chrome | Scrnli

4.7

Screen recorder for Chrome, take screenshots, record screen and video, capture, edit and share instantly

Window Recorder

4.2

Window Recorder – reliable screen recorder for Chrome browser. Handy window tool for screenshots and video capture in your browser.

rep+

5.0

rep+ - Capture, modify, and replay HTTP requests in Chrome DevTools with AI-powered security analysis.

DeploySentinel Recorder

4.5

Record browser interactions to auto generate Cypress, Playwright and Puppeteer test scripts.

Google apps