Chrome recorder and replay evidence

Turn human browser journeys into replay evidence.

TraceFlo records real Chrome sessions and exports a local evidence bundle: JSON, snapshots, action frames, selector candidates, redacted network fingerprints, and a replay plan.

local JSONPNG snapshotsaction framesreplay plan
Open TraceFlo appSee the shape

Authenticate in the TraceFlo app when you are ready to connect GitHub sync after a recording.

Local exportcheckout.traceflo.json
recording
47 actionsChrome MV312 snapshots
01
Recordhuman-authored checkout path
captured
02
ExportJSON + PNG + action frames
local
03
PlanreplayPlan.checkout
draft
Selector candidatesbutton[data-testid="place-order"]

Runner schema and selector hardening are still being shaped with tester traces.

role=buttontext=Place ordertest id
NetworkPOST /api/ordersredacted fingerprint
Replayschema drafthardening in progress

How it works

From human journey to local replay artifact.

TraceFlo keeps the tester's intent, browser evidence, and replay plan together so failures can be reviewed without guessing which step drifted.

01

Record

Capture clicks, inputs, navigation, selector candidates, and redacted request context from a Chrome extension.

02

Export

Save local JSON artifacts, PNG snapshots, action frames, network fingerprints, and a replayPlan.

03

Replay

Use the generated plan as the basis for Playwright replay while the runner contract is still being hardened.

04

Diagnose

Classify failures as selector drift, test data drift, timing, API failure, or product behavior change.

GitHub sync

Record locally. Sync when the flow is ready.

TraceFlo keeps capture local by default. When a recording is ready to share, sign in to connect a GitHub destination and upload the flow JSON with its snapshots.

01 Record

Use the Chrome extension to capture browser-heavy flows and build the local JSON artifact with PNG snapshots.

02 Authenticate

Sign in with GitHub only when you want TraceFlo to sync a finished recording.

03 Connect

Choose the GitHub repository destination and project folder that should receive the generated flow evidence.

04 Upload

Send the clean flow JSON and snapshot assets to GitHub after the local export is complete.

TraceFlo app

Connect GitHub sync.

Authorize GitHub, choose a repository, and keep completed recordings organized by project.

Open app