GPT-6 Sol in Codex CLI 0.156.1 + Remotion/HyperFrames skills

[Task]
Create a 24-second, 1920x1080, 30 fps data film showing the fictional Republic of Valtoria's energy flows as an animated Sankey diagram from sources to uses, morphing between 2000, 2015 and 2030.

[Scenes]
1. 0-3 s: Darkness, then thin light filaments drift in from the left. The title VALTORIA: WHERE THE ENERGY GOES assembles letter by letter, then dissolves into the source nodes.
2. 3-9 s: Year 2000. Seven source bars rise on the left with labels and TWh values. Ribbons pour rightward like liquid with a moving shimmer, splitting into the four use nodes on the right. A large 2000 sits in the background.
3. 9-15 s: The year numeral rolls to 2015. Every ribbon width and node height morphs smoothly and nodes re-sort by size with springy reflow. Value labels count to their new totals. Wind and Solar ribbons pulse once.
4. 15-21 s: Rolls to 2030. Coal thins to a thread and greys out, while Wind and Solar swell and brighten. The camera dollies slightly toward the right side, where Losses shrinks.
5. 21-24 s: Ribbons freeze into a glowing still. A ring gauge morphs out of the renewable ribbons and shows the renewable share climbing 5.3% to 12.7% to 45.4%. Closing caption: A DECADE-BY-DECADE REWIRING.

[Style]
Palette: #0A0F1E night navy, #5A5F6E coal, #E8A33D oil/gas amber, #9B7BFF nuclear, #2FD3C4 hydro/wind, #FFE066 solar. Elegant wide sans for titles, tabular figures for values. Ribbons are semi-translucent with additive glow where they overlap, and there is fine film grain. Motion: long ease-in-out sine for the morphs, a slight spring on node reflow, and a 50 ms stagger per ribbon.

[Data]
Source totals in TWh (2000 / 2015 / 2030):
Coal 420 / 300 / 60
Oil 380 / 360 / 220
Gas 260 / 330 / 240
Nuclear 120 / 110 / 130
Hydro 60 / 65 / 70
Wind 5 / 70 / 260
Solar 1 / 25 / 210
Totals: 1246 / 1260 / 1190. Renewables (Hydro, Wind, Solar): 66, 160, 540.
Each source splits to uses in fixed percentages (Industry / Transport / Homes / Losses):
Coal 55/0/15/30, Oil 15/75/5/5, Gas 35/5/45/15, Nuclear 40/5/35/20, Hydro 40/5/45/10, Wind 40/10/40/10, Solar 30/10/50/10.
Use node values are the sums of the flows.

[Wow]
- Ribbons have flowing internal particle streams whose speed scales with flow size, using seeded particles.
- Morphs interpolate ribbon geometry with no popping. A ribbon that drops to zero fades to a hairline.
- The background year numerals roll like an odometer with motion blur.
- Gentle parallax separates three depth layers: background numerals, ribbons and labels.

[Rules]
- Every frame is drawn in code (SVG, canvas, CSS or WebGL). No image files, no image generation, no external assets beyond fonts.
- Deterministic: no unseeded randomness at render time.
- Text must be crisp, spelled correctly and readable at 1080p.
- No hard cuts between scenes: every change is a designed transition.
- Ribbon widths must be proportional to the computed flows in every year.

[Harness notes] Render the final video to out.mp4 (1920x1080, 24 s). Write everything into the working directory. Remotion 4.0.527 is already installed for you in the current directory: node_modules is pre-installed and read-only, so do not run npm install or create-video, and a remotion.config.ts here already points rendering at the local Chromium. Render the final video yourself to out.mp4 in the current directory (for example npx remotion render <entry file> <composition id> out.mp4). You may render stills or frames and inspect your own output (headless chromium is available at /usr/bin/chromium) and iterate on your own before finishing.

Copy promptShow all