@nexu-io/video-hyperframes

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.

View in AI SkillSafe app
3 scan findings
0 downloads
0 stars
0 demos
SKILL.md
namevideo-hyperframes
zh_nameHyperframes 视频脚本
en_nameHyperframes Video
emoji🎞️
descriptionHyperframes / Remotion-compatible continuous frame animation with autoplay support.
zh_descriptionHyperframes / Remotion 兼容的连续帧动画, 可自动播放
en_descriptionHyperframes / Remotion-compatible continuous frame animation with autoplay support.
categoryvideo
scenariovideo
aspect_hint1920×1080 (16:9)
recommended5
tags["video", "hyperframes", "remotion", "视频"]
example_idsample-hyperframes-workflow
example_nameHyperframes · AI workflow 视频
example_formatmarkdown
example_tagline8 帧自动播放, 含进度条 + 元数据
example_desc电影感动画脚本, 可直接喂给 Remotion 做成 mp4
example_source_urlhttps://github.com/heygen-com/hyperframes
example_source_labelheygen-com/hyperframes

【模板: 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。

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@nexu-io/video-hyperframes/verified)](https://skillsafe.ai/skill/@nexu-io/video-hyperframes/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@nexu-io/video-hyperframes/installs)](https://skillsafe.ai/skill/@nexu-io/video-hyperframes/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@nexu-io/video-hyperframes/scan)](https://skillsafe.ai/skill/@nexu-io/video-hyperframes/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@nexu-io/video-hyperframes/eval)](https://skillsafe.ai/skill/@nexu-io/video-hyperframes/)