Steps Recorder

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/