HyperFrames Slideshow
Builds a live presentation with slides, reveals and speaker notes, not a video.
Install
npx skills add heygen-com/hyperframes --skill slideshow -g -a claude-code -y- Repository
- heygen-com/hyperframes77.1k
- Category
- Media
- Updated
- 3d ago
- License
- Apache-2.0
- Context cost
- Lightabout 1,151 tokens
- Runs scripts
- No, instructions only
What it does
Build a HyperFrames slideshow to present live - slides, fragment reveals, branching hotspots and presenter mode with speaker notes, served by `hyperframes present` - or turn an existing page into one. Use when the person wants a deck or presentation rather than a rendered video.
Plugin installs: Before setup or freshness commands, follow plugin execution rules when this skill is inside a HyperFrames plugin.
HyperFrames slideshow
A slideshow is a normal composition (the /hyperframes contract applies) plus one JSON island that says which scenes are slides and how they connect. The deliverable is a running deck, not an MP4.
What changes from a video project
- Each slide is a top-level scene in the composition file:
data-composition-id,data-start,data-duration,data-label,data-width,data-height. There is no master root composition wrapping them. - One island per composition, near the top of
<body>, written in the HTML (never generated by script;presentreads the file statically):
<script type="application/hyperframes-slideshow+json">
{
"slides": [
{ "sceneId": "hook", "notes": "Pause on the number." },
{
"sceneId": "problem",
"fragments": [11.0, 15.0],
"hotspots": [
{
"id": "h1",
"label": "Where does $40B come from?",
"target": "market-detail",
"region": { "x": 55, "y": 60, "w": 40, "h": 20 }
}
]
}
],
"slideSequences": [
{ "id": "market-detail", "label": "Market sizing", "slides": [{ "sceneId": "mkt-math" }] }
]
}
</script>
