Drag workflow JSON files → get animated console scripts instantly
Studio Offline
📁
Drop workflow JSON, replay script, or screenshot here
or click to browse — accepts .json workflows and images for AI narration
Replay Options
Step Delay
Base milliseconds between each node
ms
Typing Speed
Base milliseconds per typed character (smaller = faster, larger = slower)
50ms
Cursor Style
Choose the animated cursor appearance
Cursor Size
Scale of the animated cursor
24px
Camera Follow
Auto-pan canvas to keep the active node visible
Camera Zoom
Zoom in on nodes and connections to keep focus tight
Video Options
Record Video
Prompt to screen-record the replay tab
Convert to MP4
Re-encode recording from WebM to MP4 (browser-side FFmpeg)
Export FCPXML
Generate an XML timeline with cuts for Premiere/Final Cut
UI Options
Show Node Labels
Show the node title as a small on-screen caption as it's created
Animate Node Resize
Animate each node from its default computed size to the workflow's target size after placement (experimental — may interact with widget callbacks)
Animate Combo Selection
For Vue-rendered nodes, cursor visits the combo widget, opens its dropdown, and clicks the target option — driving the real PrimeVue Select. Falls back to silent set if the node isn't a Vue node.
Resize Duration
How long the resize animation runs
500ms
Resize Easing
Animation curve for the resize
Resize Start Size
Where the resize animation begins from
VO Options
Show VO Captions
Display the narration script text as on-screen captions
AI Voice Over Timing
Adjust replay speed to match narration word count
Debug Options
Show Debug Log
Display replay events on screen
AI Settings (Optional)
✅ Local config loaded — using Google Gemini
AI Provider
Choose your AI for narration generation
⚠️ This provider requires a CORS proxy for browser-direct calls. Google Gemini is recommended for browser use.