Tools

FlowShot 0.1.0 — Chrome extension

Records a browser workflow into a step-by-step guide: one screenshot per click, the clicked element highlighted, and an auto-written instruction for each step. Use it to capture app setup flows and onboarding steps for review screenshots. Nothing is uploaded — guides and screenshots stay in your browser.

Download flowshot-0.1.0.zip

Install (Chrome 116+, Edge, Brave)

1. Unzip the download into a folder you will keep (Chrome loads it from there).
2. Open chrome://extensions and turn on Developer mode (top right).
3. Click Load unpacked and select the unzipped folder (the one containing manifest.json).
4. Pin FlowShot from the extensions menu so it is one click away.

Use

1. Open the app or page you want to document, then click the FlowShot icon to open the side panel.
2. Press Start recording and go through the workflow normally. Clicks, typing, selections and navigation are captured automatically.
3. Press Alt+Shift+F at any time to drop a note step without leaving the page.
4. Press Finish. The guide opens in the editor: reorder or delete steps, add highlights, arrows, blur, or text annotations, and swap screenshots.
5. Export as a standalone HTML file, print to PDF, or save an editable .flowshot.json backup from the guide library.

Chrome blocks extensions on chrome:// pages and the Chrome Web Store; FlowShot shows a notice in the side panel when that happens.