# captions-overlay

> Claude/Codex skill by [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 82k stars · Updated 2026-11-10

Overlay doctrine for captions in HyperFrames videos — the caption MODEL (drop / rail / embed) and the rule that captions are an OVERLAY composited on top of the film, never a reserved bottom band you shift content up to avoid. Load when adding captions/subtitles to a talking-head or launch video, when deciding whether a phrase should be dropped, ride the verbatim rail, or be promoted to a scarce embedded climax, when laying out a composition that will carry captions (do NOT reserve a keep-out band), or when centering a composition on the true frame center under captions. Applies ON TOP of the \`/hyperframes\` skill's references/captions.md.

Tags: ai, ai-agents, animation, claude-code, ffmpeg, framework, gsap, html, html-to-video, mcp, motion-graphics, puppeteer, rendering, typescript, video-editor

## Install

```sh
git clone https://github.com/heygen-com/hyperframes /tmp/hyperframes && ln -s /tmp/hyperframes/.agents/skills/captions-overlay ~/.claude/skills/captions-overlay
```

## From README

Captions Overlay Doctrine Overlay doctrine — supplements the upstream /hyperframes skill's references/captions.md. Applies ON TOP of it; do not expect it folded into the upstream skill. Two ideas combine here. First, the caption model — every spoken phrase is drop, rail, or embed, and embed is the scarce earned peak, not the default. Second, the overlay law — a caption line is composited ON TOP of the film as an overlay; it is NOT a reserved zone, so you never shift content up or leave a dead band to "make room" for it. The two reinforce each other: because captions ride as an overlay (the verbatim rail in front, the occasional embed behind the subject), the composition keeps its full frame and centers on the true vertical center.

## Links

- HTML page: https://omgskills.com/library/heygen-com/hyperframes/dot-agents/skills/captions-overlay/
- GitHub: https://github.com/heygen-com/hyperframes
- Author: [@heygen-com](https://omgskills.com/library/heygen-com/index.md)

## More from this repo

- [reverse-any-video](https://omgskills.com/library/heygen-com/hyperframes/reverse-any-video/index.md) — Rebuild any video file as an editable HyperFrames project - motion graphics, talking heads, live action or AI-generated...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 84k stars
- [style-sampling](https://omgskills.com/library/heygen-com/hyperframes/style-sampling/index.md) — Make a new episode in a proven video style - Collage Explainer, Finance Explainer, Animated Science Explainer, 3D Brand...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 82k stars
- [hyperframes](https://omgskills.com/library/heygen-com/hyperframes/hyperframes/index.md) — Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 75k stars