Have your agent record video demos of its work with shot-scraper video

The shot-scraper 1.10 release introduces a new command called video, which allows users to generate automated video demonstrations of web applications. By utilizing a storyboard.yml file, the tool directs Playwright to perform a specific sequence of actions within a browser and record the results. This feature is designed to help developers create polished, consistent demos of new software features without manual screen recording.

The tool relies on a YAML-based configuration that defines the server environment, viewport dimensions, and a series of steps such as clicking, filling out forms, and waiting for specific elements to load. Because the command is self-documenting, coding agents can read the help output to understand how to write these storyboards, effectively allowing an AI to generate its own feature demonstrations.

The implementation of this feature was made possible by recent updates to Playwright, which provided the necessary control over video recording to avoid unwanted browser interface elements and resolution limitations. The author utilized a coding agent to write the majority of the code and documentation, noting that the project had been stalled since 2024 due to its complexity. This development highlights a growing trend in agentic engineering, where tools are specifically designed to be easily operated and maintained by AI assistants.