Stepshots Recorder, from Stepshots (Hauke Jung), is a Chrome extension that converts live browser interactions into interactive, step-by-step product demos for onboarding, support, and marketing. The app captures clicks and navigation with one-click recording, and provides a visual overlay editor, embeddable player, and per-step analytics for measurable walkthroughs. Its demos-as-code approach lets teams version examples alongside source, supporting automated maintenance. It targets product teams, developers, and technical writers who need maintainable documentation.

What is Stepshots Recorder used for?

The app captures browser sessions and converts them into interactive, per-step walkthroughs rather than static videos. It follows a demos-as-code philosophy so teams can define, record, and maintain product documentation inside the same repository as source code. Typical uses include onboarding flows, marketing demos, and support guides where viewers can click through individual steps and creators update specific steps without re-recording an entire sequence.

How does the editor and player support documentation authors?

The visual overlay editor lets authors add highlights, arrows, text callouts, and blur regions to each captured step, which helps clarify UI focus and hide sensitive information. Demos publish to an embeddable interactive player compatible with React, Web Components, and standard HTML. The platform also provides per-step analytics to measure completion rates and localization support to manage multi-language tours from a single repository.

How does it integrate with developer workflows and automation?

The tool addresses engineering workflows with an open-source CLI for headless recording and a config-as-code model that fits into version control. Teams can connect demos to CI/CD pipelines using the CI Freshness Check to re-record walkthroughs when the UI changes. That design treats demos as code artifacts, enabling automated maintenance and reducing manual upkeep after interface updates.

How portable is the recording environment and what are the platform limits?

Stepshots is provided as a Chrome extension built on Manifest V3 and requires Chrome 114 or higher for in-browser capture. The companion CLI runs on Windows, macOS, and Linux for automated, headless recording outside the browser. The service model includes unlimited local recording through the CLI and a limited number of hosted demos, so teams can choose local artifacts or hosted sharing according to their workflow.

Best for teams that treat documentation like code

Stepshots suits teams that integrate documentation into engineering pipelines and version control, because its design rewards automated maintenance and CI-driven updates. Teams lacking CI or CLI experience may encounter a learning curve, making adoption harder for purely editorial groups. To evaluate fit, add a single demo repository to an active project and run one automated check to gauge maintenance overhead before wider rollout.