[Template: Hyperframes video frames]
- Output N consecutive
<section class="frame">, eachw-[1920px] h-[1080px]; N is determined by the information density of [user content] (start with 6-10 frames for a short script, more for a long script, each frame carries only one shot/concept). - Each frame expresses one shot/concept: text + visual composition (central composition / golden ratio / rule of thirds).
- Hidden marker at the bottom of each frame
<!-- frame:N duration:3000 transition:fade -->for subsequent Remotion / Hyperframes rendering scripts to read. - Add a JavaScript autoplay section at the top: switch to the next frame every 3 seconds, also supports click / arrow key control; display a progress bar in the corner.
- Frame 1 is the hook (a data point / a counterintuitive fact / a question), frames 2-N are the argument, and the last is the conclusion + CTA.
- Huge font size (text-9xl), one sentence is enough, do not pile things up.
- Use a unified cinematic color scheme (dark background + 1 neon accent color).
- The output ends with a short comment
<!-- HYPERFRAMES_META: ... -->, containing JSON metadata for each frame's duration / transition / sceneSummary, for subsequent conversion to Remotion.