HyperFrames PR to Video for Codex: Explain a Local Patch
Build a code-change explainer from a toy pull-request diff using today's HyperFrames film reference. The original PR to Video workflow is available in Git history.
中文Setup for Codex (current HyperFrames replacement)
Codex, Node.js 22 or newer for the local HyperFrames CLI, and a disposable project. The separate pr-to-video 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/film.md` and `skills/hyperframes/references/storyboard.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 pr-to-video document from before the retirement.
Example task
Paste a fictional diff that changes an interface label from 'Done' to 'Saved' in Button.tsx. Ask Codex to create three slides showing the motivation, the one-line diff, and the user-visible result. Keep the task local and ask it to use the supplied diff as the only evidence of what changed.Expected result
The first slide names the old vague label, the second shows Done changing to Saved, and the third displays Saved on the mock interface. No release version or unrelated change is attributed.
Upstream documentation
Original SKILL.md on GitHub · Apache-2.0 license · Source reviewed
Frequently asked question
Can the maintained workflow make a pull-request demo from a pasted diff?
Yes. A small diff is enough for this demo. For a real project, use the Pull Request section of the film reference to base the storyboard on changed files and commits.