Spatial Interface Tour
Explain interface structure by separating meaningful layers in space and returning them to their original screen positions.
How it works
Map meaningful layers and their relationships
Separate layers with coordinated spatial motion
Return to the exact readable interface
Frequently asked questions
Does this turn any text into a finished film automatically?
No. This is an Agent authoring workflow: the Agent writes new editable scene code for each brief, then renders and checks it.
What do I need to run it?
Use the pinned rendering tools with Node.js, Chrome/Chromium and FFmpeg, plus authorized assets for your subject. The code workflow needs no model key; optional generated assets require separate configuration.
Example limitations
The examples use authored fictional interfaces with CSS perspective and DOM depth layers; they do not operate a real application.