Live Preview & Console

The Animation tab plays your work instantly and gives you a window into what the agent is doing. Two cards matter here: the Live Preview and the Console.

Live Preview

The Live Preview runs the generated Remotion code in your browser — no rendering, no waiting:

  • Play, scrub, loop and go fullscreen with the player controls.
  • It always shows the latest generated code and refreshes automatically after the agent edits the project.
  • Use Refresh (top of the workspace) to reload manually.
  • Because it runs the real code, a broken build surfaces as an error in the preview — so you catch problems before rendering.

The preview length equals the project's duration (set in New Project — see Animation Overview), so it's predictable and controlled by you.

Auto-repair

Above the preview is an Auto-repair toggle (on by default):

"Automatically detect and fix runtime errors found while previewing."

When the preview hits a runtime error and Auto-repair is on, the agent is asked to fix the offending code automatically. Progress is written to the Console, which expands so you can watch. Turn it off if you'd rather fix issues yourself by re-prompting.

Console

The Console is a collapsible panel — its subtitle reads activity & auto-repair log. Click it to expand a dark, terminal-style view that shows:

  • errors the preview detected,
  • auto-repair attempts and their outcomes,
  • edits you've requested that are being applied.

It stays collapsed during normal use and auto-expands when auto-repair kicks in, so you can see what's happening. A small count badge flags new activity.

When the preview shows an error: with Auto-repair on, wait a moment and watch the Console. If it's off (or repair can't resolve it), describe the problem to the agent in the chat and it will regenerate.

Generation progress

While the agent builds an animation, a progress card shows the current step (directing → implementing → ready to preview) and elapsed time, and the Animation tab shows a pulsing dot. When it reaches ready to preview, the Live Preview refreshes with the result.

Next steps