Steps Recorder

Record browser interactions as annotated screenshots and export as reports

Steps Recorder turns your browser workflow into professional documentation in seconds — no manual editing required. WHAT IT DOES ━━━━━━━━━━━━ Click Record and browse normally. Every click, navigation, and interaction is captured as an annotated screenshot with an auto-generated description. When you're done, export a polished, shareable report or video. KEY FEATURES ━━━━━━━━━━━━ • Auto-capture mode — records every click and page navigation automatically • Manual mode — press Ctrl+Shift+S (or ⌘⇧S on Mac) to capture exactly what you choose • Smart step titles — each step gets an auto-generated, context-aware description • Annotated screenshots — clicks are highlighted visually on every frame • Video export — render your steps as a smooth WebM or MP4 video walkthrough • Rich export formats — PDF, HTML, Markdown, DOCX, ZIP image bundle, and video • Session library — all recordings saved locally with newest-first grouping • Privacy first — everything stays in your browser, nothing is sent to any server • Works on any website — no restrictions PERFECT FOR ━━━━━━━━━━━━ • Writing SOPs and how-to guides • Creating bug reports with full visual context • Onboarding documentation and training materials • QA and testing walkthroughs • Video tutorials and screen demos • Customer support tickets DESKTOP APP ━━━━━━━━━━━━ Need more power? The companion desktop app (Windows, macOS, Linux) lets you edit sessions, crop and annotate screenshots, add mock clicks, and export GPU-accelerated video walkthroughs — all offline. Download at: https://arunishshekhar.github.io/step-recorder/