video-hyperframes

Original：🇨🇳 Chinese

Translated

Hyperframes / Remotion Compatible Continuous Frame Animation with Auto-play

3installs

Added on2026-05-16

NPX Install

npx skill4agent add nexu-io/open-design video-hyperframes

【Template: Hyperframes Video Frames】

Output N consecutive
```
<section class="frame">
```
, each with
```
w-[1920px] h-[1080px]
```
; N is determined by the information density of [User Content] (start with 6-10 frames for short scripts, more for long scripts, each frame only carries one shot/concept).
Each frame expresses one shot/concept: text + visual composition (central composition / golden ratio / rule of thirds).
A hidden marker
```

```
is added at the bottom of each frame for subsequent Remotion / Hyperframes rendering scripts to read.
Add a piece of JavaScript at the top for auto-play: switch to the next frame every 3 seconds, also supports click / arrow key control; a progress bar is displayed in the corner.
The 1st frame is a hook (a piece of data / a counterintuitive fact / a question), frames 2-N are arguments, and the last one is conclusion + CTA.
Font size is huge (text-9xl), use only one sentence, no clutter.
Unified cinematic color scheme (dark background + 1 neon accent color).
Include a short comment
```

```
at the end, containing JSON metadata of each frame's duration / transition / sceneSummary, for subsequent conversion to Remotion.