floatboat
Open navigation menu

HyperFrames Slideshow

Turn an approved outline or existing HTML composition into a live browser deck. Test the audience view, reveal order and presenter notes before the talk.

Prepare a rehearsable live deck

Translate the talk outline into slides, reveals and presenter notes. Verify the local audience and presenter views.

Provide approved assets, slides, reveals, and any branching paths.

Copy the request into a new Floatboat conversation and provide the required material.

Download Floatboat

Your request for Floatboat

Preview and copy the request. It is not sent automatically from this page.

Reference: HyperFrames Slideshow
https://github.com/heygen-com/hyperframes/blob/main/skills/slideshow/SKILL.md

Read the original documentation and check the current environment and dependencies. Propose any new installation or tool connection before proceeding.

My task:
Build a live HyperFrames workshop deck from my approved outline. Add a progressive reveal, a branch back to the main sequence and presenter-only notes. Serve it locally after approval and report the navigation checks.

Expected deliverable:
A locally served HTML deck and a rehearsal checklist.

About HyperFrames Slideshow

This Skill adds live presentation structure to a HyperFrames HTML composition. It identifies slides in a static JSON block and can serve a deck with the HyperFrames CLI. It covers a live artifact, whereas the video guide covers rendered delivery.

HyperFrames Slideshow Use Cases for Live Decks

A talk, demo and workshop need different reveal orders. Choose the audience path and rehearse the exact deck that will be served.

Prepare a demo deck

Supply a feature outline and approved screenshots. Reveal each interaction in order and verify that a presenter can return to the previous fragment during questions.

Convert an existing HTML page

Select the existing composition scenes that should become slides. Verify that each scene starts at the intended point and that the deck still shows complete text.

Branch during a workshop

Mark the points where audience answers should choose a path. Rehearse the matching hotspot and the route back to the main sequence.

Check speaker and audience views

Add presenter notes for rehearsal timing cues and open both views. Verify that the audience tab shows only the intended slides and does not display notes.

How to Build and Rehearse a Browser Deck

Start with an outline and define what the audience sees at each reveal. Keep presenter notes separate and rehearse navigation before handing over the link.

  1. Map scenes to slides

    Provide an outline, approved assets and speaker notes. Define the slide order and fragment states in the composition’s static slideshow data. Load the base HyperFrames Skill and its composition requirements first.

  2. Serve the deck

    Run npx hyperframes check --json on the approved project, then use the documented present command and inspect its printed local URL.

  3. Rehearse the live flow

    Open audience and presenter views. Check the counter, fragment order, branches and return paths before sharing.

Explore More Agent Skills

Read another Skill guide and check its original source before using it.

HyperFrames Slideshow FAQ

Is the output a rendered video?
This workflow serves an interactive deck in the browser. Use the HyperFrames video workflow for a rendered deliverable.
Can it reuse existing HTML?
Yes. The Skill documents mapping existing composition scenes to slides and previewing them through the slideshow component.
Where are speaker notes visible?
Notes are displayed in the presenter view and stored in the deck source. Keep confidential text out of shared deck files and rehearse both views.
Can the deck follow a non-linear path?
The slideshow supports branching hotspots. Explicitly test each destination and return path in the served deck.
How do I launch the deck?
The documented CLI entry is npx hyperframes present followed by the project directory. Check the URL that the command prints.
Does the Skill use CLI telemetry?
The upstream manifest describes a usage event that follows the CLI’s telemetry and opt-out settings. Review those settings before running it.