timeline ยท layers
add a text layer to write over the gif - drag it on the stage, trim it here
how this gif was made
generation prompt
THE REQUEST (binding, follow exactly):
animated this screenshoot
Subject description follows:
This object is a dark charcoal rectangular user interface widget with rounded corners displaying AI token usage statistics. The top section contains white text for "Context Window" next to "10.0%" positioned above a thin horizontal progress bar with a short white segment at the left. It includes the text "99,856 / 1,000,000 tokens in current context" followed by a gray divider and the header "Total Chat Usage 358,638,096 tokens." The central section lists categories for "Input," "Output," and "Reasoning" with their numerical values in white, while the text "Cached (90% off)" and its value "311,609,408" are highlighted in bright green. The bottom displays "Total Cost" as "$36.890569" in white and concludes with the text "Models: zai/glm-5.3-flash" at the base.
what the ai read
animated this screenshoot
motion steer
The data values rapidly iterate as a scanline passes, while the progress bar glows and pulses.
- Row 1: The dashboard initializes with static values and a dim white 10% progress bar.
- Row 2: Numbers in the Input and Output categories start ticking rapidly like a digital counter.
- Row 3: The green 'Cached' text flashes intensely as the Total Cost value pulses in scale.
- Row 4: The progress bar fills to 15% briefly before numbers stabilize at their peak values.
- Row 5: A bright green horizontal scanline rolls down the screen, momentarily distorting the text.
- Row 6: The screen flickers once, dimming the glows and resetting all values to the starting state.
