mcpField
V
video-hyperframes

video-hyperframes

github.com/nexu-ioCreative & media104.6k2.7k installsUpdated today
Repository

About video-hyperframes

A template for generating Hyperframes video frames, suited to splitting scripts or other content into consecutive shots. It defines frame dimensions, playback controls, and metadata for later rendering.

Key features

  1. 01Generate consecutive video frames
  2. 02One shot or concept per frame
  3. 03Autoplay with click and arrow-key controls
  4. 04Display playback progress
  5. 05Include scene and transition metadata

Use cases

  1. 01Turn a short script into storyboard frames
  2. 02Arrange video content as an argument
  3. 03Prepare data for later Remotion rendering

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill video-hyperframes

After installing, type/video-hyperframesin Claude Code to confirm it loaded.

Bundled filesexample.htmlexample.md

Details

From the project README

【模板: Hyperframes 视频帧】

  • 输出 N 个连续 <section class="frame">, 每个 w-[1920px] h-[1080px]; N 由【用户内容】信息密度决定 (短脚本 6-10 帧起步, 长脚本应更多, 每帧只承载一个镜头/概念)。
  • 每帧表达一个镜头/概念: 文字 + 视觉构图 (中央构图 / 黄金分割 / 三分法)。
  • 每帧底部隐藏标记 <!-- frame:N duration:3000 transition:fade --> 供后续 Remotion / Hyperframes 渲染脚本读取。
  • 顶部加一段 JavaScript 自动播放: 每 3 秒切换到下一帧, 也支持点击 / 方向键控制; 角落显示进度条。
  • 第 1 帧是 hook (一个数据 / 一个反常识 / 一个问题), 第 2-N 是论证, 最后是结论 + CTA。
  • 字号巨大 (text-9xl), 一句话即可, 不要堆砌。
  • 配色统一一套电影感 (深色背景 + 1 个霓虹强调色)。
  • 输出最后包含一段简短注释 <!-- HYPERFRAMES_META: ... -->, 包含每帧 duration / transition / sceneSummary 的 JSON 元数据, 用于后续转 Remotion。

Comments

Markdown supported