Showreel Studio Help
Help · Storyboards

Record a demonstration

Click through the feature once in Chrome and every screen becomes a line, with the steps to record it and no code to write.

Video Show it once0:38

A demonstration is you showing the feature once. Showreel Studio opens your app in Chrome, writes down every click, entry and change of screen, and turns them into storyboard lines with their steps. When you record, those steps are compiled into the code that operates the app, so no one has to write it.

Before you start

In the app

  1. Open the film's Film panel.
  2. In Show it instead, click Record a demonstration. (Choosing Show it once in New film starts one for you.)
  3. A Chrome window opens on the app at the film's size. Click through the feature once, at your own pace.
  4. Click Mark a new shot in the toolbar at the bottom right whenever you want a new line to start.
  5. Click Finish in the toolbar.

The storyboard gets one line per screen (or per mark), with Does in words and Steps filled in, and the film shows from a demonstration.

In the terminal

Record a demonstration for a film:

showreel demo compose

Record signed in, with your saved sign-in:

showreel demo compose --profile

--url opens a different address, and --replace overwrites lines that are already written.

What is recorded

Every click, typed entry, choice from a list, Enter or Escape, and change of screen, each with a still of the screen after it. Password fields are never recorded. The app's mask applies to the stills and labels.

From demonstration to film

  1. Write the voice-over for each line, yourself or with Claude in Claude Code. The demonstration gives the actions, not the words.
  2. Approve the storyboard.
  3. Choose a voice and voice the film.
  4. Record. Recording compiles the steps into the driver first.
  5. Build the film.

To change what happens in a line later, edit its Steps and record again.

What next