# slideshow

> Claude/Codex skill by [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 53k stars · 322k installs · Updated 2026-09-26

Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck. Output is a navigable deck, not a rendered MP4. If the user didn't explicitly ask for a slideshow, confirm before authoring. Unclear → /hyperframes.

Tags: ai, animation, ffmpeg, framework, gsap, html, mcp, puppeteer, rendering, typescript, video

## Install

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

## From README

Slideshow authoring contract A HyperFrames slideshow is a normal HyperFrames composition — scenes, clips, GSAP timelines — with one extra ingredient: a JSON island that declares which scenes are slides and how they connect. The player's SlideshowController reads the island and turns the continuous GSAP timeline into a discrete, navigable deck. Read /hyperframes-core first for the base composition contract (clips, tracks, data- attributes, determinism rules). This skill covers only what is new: the island schema, slide writing rules, fragments, branching, validation, and the wrapping component. Output — a navigable deck, not a linear MP4 A slideshow's output is the running deck: serve it with hyperframes present (or Studio present mode) — the player's SlideshowController reads the island and drives navigation, fragments, branching, and presenter mode. See Presenting and handoff below. Do not hyperframes render a slideshow into a single MP4.

## Links

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

## More from this repo

- [product-launch-video](https://omgskills.com/skills/heygen-com/hyperframes/product-launch-video/index.md) — Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 60k stars
- [canopy-part-title](https://omgskills.com/skills/heygen-com/hyperframes/canopy-part-title/index.md) — Leaves sweep through the frame and part to reveal the headline.
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 53k stars
- [captions-overlay](https://omgskills.com/skills/heygen-com/hyperframes/captions-overlay/index.md) — Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 53k stars