Skip to content

HyperFrames Slideshow

by HeyGenSkillMake visuals

Builds a presentation deck you click through live, with reveals and speaker notes

View on GitHub

About HyperFrames Slideshow

A HyperFrames skill that has your AI agent build a presentation as a live web deck: points appear click by click, with optional detail slides, speaker notes and a timer, presented from a local link.

For PresentersFounders pitchingProduct and strategy teams

Made by HeyGen

HeyGen is an AI avatar company that makes digital versions of people for videos made from scripts, and translates video into other languages. It publishes HyperFrames on GitHub.

Stars
★ 76k
License
Apache-2.0
Cost
Free
Level
Intermediate
Contents
Includes scripts

Overview

This HyperFrames skill has your AI agent build a presentation as a live web deck instead of a video. Give it an outline or an existing web page, and it makes slides whose points appear one click at a time, optional detail slides opened from hotspots, and a presenter mode with speaker notes and a timer. You present it from a local link in your browser. It suits people who want their agent to make an animated deck rather than building it slide by slide.

The deck stays interactive: you step through reveals, jump to a detail slide and come back, and keep your notes in presenter mode.

Try these first

Start with the first one: it is a small task you can check easily.

  1. Build a three-slide deck from this outline, with speaker notes on each slide: [paste outline]First try · on your computer

  2. Turn this product strategy outline into a presentation for our leadership review: [paste outline]

  3. On slide 2, reveal the three pain points one at a time.

  4. Add a hotspot on slide 3 that opens a detail slide about [topic], with Back returning to slide 3.

Example prompts written by Agent Flows Hub.

What you get

From the creator's documentation.

OutputWhat it isReads
Live deckSlides you click through in the browser, served from a local presenter linkYour computer
RevealsPoints that appear one click at a time within a slideYour files
Branches and hotspotsOptional detail slides opened from a hotspot; Back returns to where you wereYour files
Presenter modeYour notes, the next slide and a timer, with a clean audience tab to shareYour computer
Port a pageTurns an existing web page into a deck, keeping its look and motionYour files
Command-line toolRuns the HyperFrames tool through npx to check and serve the deckDownloads from npm

Good to know

Turn an outline into a deck you present live, with reveals, optional branches and speaker notes. The agent checks the deck and starts a local presenter view you can share in a video call.

Limits

  • A deck cannot be exported as one MP4 yet; the docs warn that rendering a deck keeps only the first slide. Use the presenter view, or still images of each slide.
  • It runs the HyperFrames command-line tool through npx and builds on the core HyperFrames skill, so Node.js must be installed first.

Notes by (original project name: slideshow), written from the creator's documentation, not from running it ourselves. HyperFrames slideshow skill (SKILL.md) · Make an interactive presentation with AI

Stuck setting it up?

Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.

Get help

Other skills

  • Image to Three.js 3D Model Rebuilds the object in one photo as a 3D model written in Three.js code
  • Impeccable Gives your coding agent design commands to critique, polish and restyle web pages
  • Infographic Designer Turns text into a single infographic and lets you choose from suggested looks
  • Instant Chart Maker Turns a table of numbers into a ready-made chart image in seconds
  • Internal Comms Writer Drafts status updates, newsletters and FAQs in a consistent house style
  • Kami Lays out resumes, one-pagers, letters and slide decks as print-ready PDFs

See all 140 skills · A skill is installed but not loading

GitHub