Workflow Recorder

Record browser workflows, edit steps, and export to Playwright, Puppeteer, Selenium, and more.

Workflow Recorder is a developer-grade browser extension that records your web interactions and automatically generates clean, resilient test automation scripts for Playwright, Puppeteer, Cypress, Selenium, and JSON. Whether you are building automated end-to-end regression suites, web scrapers, or reproducible bug repros, Workflow Recorder saves hours of manual coding by turning browser clicks into production-ready test automation. 🚀 KEY FEATURES • Resilient Multi-Strategy Selector Engine: Automatically generates and scores 7+ selector strategies for every recorded element (data-testid, semantic IDs, accessible ARIA roles, robust CSS paths, and full XPath). If an element's ID changes, fallback selectors ensure your scripts never fail. • Instant Multi-Framework Export: Convert any recorded workflow into battle-tested code with 1 click: - Playwright (TypeScript / JavaScript) - Puppeteer (TypeScript / JavaScript) - Cypress (TypeScript / JavaScript) - Selenium WebDriver (JavaScript, Python, Java) - Structured JSON for custom CI/CD pipelines • Visual Step-by-Step Workflow Editor: Inspect, reorder, delete, and fine-tune recorded steps. Add custom assertions (visible, text equals, value equals), configure wait delays, and simulate network throttles. • Privacy-First by Design (Zero Telemetry): - Automatically identifies and masks passwords (type="password"). - Built-in PrivacyGuard redacts sensitive fields (SSNs, credit cards, CVVs, API tokens). - 100% Client-Side: Zero external analytics, zero tracking, zero remote servers. - All workflows are stored safely inside your browser's local IndexedDB. • Full Shadow DOM & iFrame Intelligence: Seamlessly traverses nested shadow roots and complex iframes with pierceable selectors. • In-Page Floating HUD: Pause, resume, add manual assertions, and discard actions directly on the page without switching tabs. 🔒 PRIVACY & SECURITY Workflow Recorder operates completely offline and requires zero account sign-up. Your data never leaves your computer. 🛠️ HOW TO USE 1. Click the Workflow Recorder icon in your Chrome toolbar. 2. Click "Start Recording". 3. Perform your actions on any website (clicks, typing, dropdowns, navigations). 4. Use the floating HUD on the page to pause, resume, or add assertions. 5. Click "Finish" to open the Workflow Editor, refine your steps, and export your automation script!