The idea: define what you want to capture once (URL, selectors, viewport, actions like click/type), then regenerate everything with one command. Useful for docs, but also for anything where you need consistent, repeatable screenshots.

Point and click in the UI to select elements - no need to write CSS selectors. It remembers your login session, so headless runs just work.

If you have Node.js, try it right now: npx heroshot

This is early alpha. Core works, rough edges remain. I'd love feedback on: - Config format / developer experience - What's missing for your use case - Anything that feels awkward

Free and open source: https://github.com/omachala/heroshot