Snapshot the screens
Follow every line's steps in your app before recording, and see what each screen holds.
A snapshot runs each line's steps against your app, one line after another, and saves what the screen holds at the end of each: a picture, the page's controls and its structure. It is the quick way to find a wrong step before you spend a take on it, and it gives Claude what it needs to write a driver by hand.
Before you start
- A storyboard whose lines have Steps, from exploring the app, a demonstration, or written by hand.
In the app
- Open the film.
- Click Snapshot in the pipeline across the top.
- When it finishes, open the Files panel. The Snapshots section shows a picture for each line, named by its id.
- Before a film is built, selecting a line on the timeline also shows its snapshot in the monitor.
If a line's steps fail, the log says which line stopped, and a picture of the screen at that moment is saved beside the snapshots.
In the terminal
Snapshot every line:
showreel snapshot compose
Snapshot signed in, with your saved sign-in:
showreel snapshot compose --profile
The files land in films/<film>/snapshots/: for each line, a picture (.png), its controls (.elements.json) and the page's accessibility tree (.aria.txt).
What to look for
- Does each picture show what the line's Expect says?
- Is a dialog or menu open when it should be, and closed when it should not?
- Did a step land on the wrong screen?
Fix a wrong step on the Line panel, save, and snapshot again.