Website To Video

Use this Note when Studio needs to turn a website, app route, or browser flow into a video. The output should be a storyboard plus a runnable Remotion or Hyperframes project, not a pile of screenshots.

Workflow

1. Capture the target route state, dimensions, and critical interactions.
2. Choose Hyperframes for static/HTML explainers and Remotion for timeline-heavy React composition.
3. Create scene beats: first impression, interaction proof, outcome, CTA.
4. Store source URLs and captured assets in the video project folder.
5. Prepare preview/render commands and a download path for the rendered artifact.

Capture Rules