checkly/headless-recorder ? reverse-engineered prompt

Build me a Chrome extension that records what I do in the browser and turns it into a script I can reuse later.

I want to click the extension, start recording, then have it capture things like clicks, typing, selecting options, submitting forms, and page loads. It should generate code for both Playwright and Puppeteer, let me copy the script easily, and keep the latest script saved in the browser. It would also be great if I can pause and resume recording, restart when needed, and get a preview of the CSS selector for the thing I clicked. If possible, add full page and element screenshots too, plus a dark mode and a simple settings area for choosing how element matching works. I’d also like the extension to feel polished and easy to use, with clear status changes while it is recording or waiting for navigation. If you need to check current docs online for Playwright or Puppeteer behavior, go ahead.