HyperFrames Animation for Codex: Seek-Safe Title Motion
Make a deterministic title entrance in HyperFrames. The retired HyperFrames Animation skill's motion and runtime guidance now lives under the main HyperFrames skill.
中文Setup for Codex (current HyperFrames replacement)
Codex, Node.js 22 or newer for the local HyperFrames CLI, and a disposable project. The separate hyperframes-animation skill was retired upstream. This example uses its maintained /hyperframes workflow.
- If the HyperFrames plugin is available in Codex, enable it. For a standalone setup, run `npx skills add heygen-com/hyperframes` in a scratch project, select hyperframes for Codex, and start a fresh session.
- Ask the agent to load /hyperframes and read `skills/hyperframes/references/motion.md` and `skills/hyperframes/references/runtimes.md` from the installed bundle or the upstream v0.9.53 tree. Use `npx hyperframes@0.9.53` for the pinned CLI when running the example's checks.
- For historical reading, the original GitHub source below preserves the standalone hyperframes-animation document from before the retirement.
Example task
Ask Codex to make a 3-second 1920×1080 title card from plain HTML that says 'Open Studio'. Make the title's inner span travel upward 32 pixels and fade from transparent to opaque between 0.4 and 1.0 seconds using a paused timeline. Ask for snapshots at 0.2, 1.2, and again at 0.2 seconds.Expected result
At 0.2 seconds the title has zero opacity. At 1.2 seconds it is fully visible at the resting position. Both visits to 0.2 seconds agree, including after seeking backward.
Upstream documentation
Original SKILL.md on GitHub · Apache-2.0 license · Source reviewed
Frequently asked question
Where did the HyperFrames Animation skill move?
Its seek-safe motion patterns and runtime adapters are now documented in the main HyperFrames skill's motion and runtime references.