
Heroshot turns Docusaurus docs into screenshot superheroes: auto-viewports, retina crispness, and CI/CD magic to banish stale image hell forever
Heroshot, a screenshot tool, has enhanced its features for Docusaurus, a popular documentation site builder. Users can now capture screenshots in various viewports, including desktop and mobile, with a single config entry, resulting in four screenshots: desktop-light, desktop-dark, mobile-light, and mobile-dark. The component automatically handles srcset, ensuring readers receive the right size for their device. For high-DPI displays, Heroshot captures screenshots at 2x resolution, serving them properly scaled. The tool also integrates with GitHub Action, allowing screenshots to regenerate on every deploy, and can be scheduled for weekly updates. Heroshot's component watches for theme changes, swapping screenshots instantly when users toggle Docusaurus's theme. With Heroshot, users can generate screenshots quickly without modifying config, and the tool is fully documented on heroshot.sh, providing a comprehensive guide for setup and integration with Docusaurus, making it an essential tool for developers and documentation teams.