为什么值得关注

它通过确定性渲染、跨平台安全区域和 TikTok Sans 字体自动化短视频创作，大幅减少创作者和营销人员的手动编辑工作。

适合谁使用

内容创作者与网红
社交媒体运营与营销人员
构建自动化视频管道的开发者
需要批量生产 Reels 内容的代理机构

典型使用场景

创建带字幕的应用演示反应视频
从源视频生成产品演示 Reels
自动化批量生产增长型短视频
以统一格式批量制作 TikTok 风格内容

项目优势

确定性渲染保证输出可重复
共享平台规则确保所有模板的排版和安全区域一致
支持多种输入：本地文件、URL（通过可选的 yt-dlp）以及自动字体嵌入
仅需一条命令即可生成 1080×1920 的 MP4 文件

使用前须知

需要 Node.js 18+ 和 ffmpeg/ffprobe 环境变量
当前表格中仅展示了一个模板（reaction_demo），模板库可能较小
依赖外部 HyperFrames CLI 和 Headless Chrome，可能消耗较多资源

README 快速开始

reelclaw-templates

Reusable HyperFrames video templates for TikTok / Instagram Reels growth content. Each template is a self-contained HyperFrames project with a generator script: give it media + text, get a render-ready 1080×1920 MP4.

All templates follow the shared platform rules in RULES.md — TikTok Sans typography, classic white/black-outline captions, cross-platform safe zones, auto text sizing, and deterministic rendering.

See it in action

One command in, one reel out — the reaction_demo generator building and rendering a reel end-to-end:

Click the preview to watch the full-quality video.

Templates

Template	Format	Inputs
`reaction_demo`	Creator reaction with hook caption → hard cut to app demo	reaction video, demo video, hook text, optional music + second hook

Requirements

Node.js 18+
ffmpeg / ffprobe on PATH (media probing + frame extraction)
Headless Chrome is managed automatically by the HyperFrames CLI
Optional: yt-dlp for downloading page links (TikTok/IG/YouTube) as inputs

Quickstart

cd templates/reaction_demo

node new-reel.mjs \
  --reaction path/or/url/to/reaction.mp4 \
  --demo path/or/url/to/demo.mp4 \
  --hook "i was about to hit it and this app talked me out of it" \
  --render

# → renders/reel-1.mp4 (1080x1920 @ 30fps)

See each template's README for the full flag reference.

Repo layout

fonts/                      TikTok Sans (canonical copy + OFL license)
templates//           one self-contained HyperFrames project per template
  new-reel.mjs              generator: inputs → composition → render
  assets/fonts/             font embedded by generated compositions
  compositions/             generated per reel (gitignored)
  index.html                placeholder composition (real ones are generated)
RULES.md                    shared platform + style rules for all templates

Adding a new template

npx hyperframes init templates/ --non-interactive --example=blank
Copy fonts/ into templates//assets/fonts/
Write a generator script that stamps out compositions from CLI inputs
Follow RULES.md for typography, captions, safe zones, and audio defaults
Add a README documenting the format and every flag

reelclaw-templates

为什么值得关注

适合谁使用

典型使用场景

项目优势

使用前须知

README 快速开始

reelclaw-templates

See it in action

Templates

Requirements

Quickstart

Repo layout

Adding a new template

相关仓库与替代方案

react

wardrobe

Claude-of-Duty