render-broll-animationlisted
Install: claude install-skill huodebing-alt/Agentic-Headshot-Video-Studio
# Render B-roll Animation / 动画 B-roll
## When to use / 何时使用
Generic motion graphics, kinetic typography, logo reveals, etc. Hyperframes renders HTML to MP4 locally.
通用动画图形、动态文字、Logo 揭示等。Hyperframes 在本地把 HTML 渲染为 MP4。
## Inputs / 输入
- `workspace/broll/plan.json` row (or `--id`).
- `templates/broll/animation/*.html` (Hyperframes templates).
## Output / 输出
- `workspace/broll/broll_<id>.mp4`.
## Steps / 步骤
1. Pick template by `style` field (or default).
2. Substitute `{{prompt}}`, `{{duration}}`, colors from `config/brand.yaml` into HTML.
3. Invoke Hyperframes via `mcp__hyperframes__render` (it spawns headless Chromium → MP4).
4. Validate output duration and resolution; transcode to H.264 if needed.
## Examples / 示例
```
claude run render-broll-animation --id 04 --style kinetic-type
```
## Failure recovery / 失败回退
- If Hyperframes unavailable, fall back to `render-broll-animation`'s minimal canvas template via ffmpeg drawtext.
- If render time > 2× duration, lower fps to 30 and retry once.