slideshow
๐ฏSkillfrom heygen-com/hyperframes
|A HyperFrames skill for authoring navigable slideshow compositions with discrete slides, fragment reveals, branching sequences, and hotspot navigation for presentations and pitch decks.
Overview
The slideshow skill extends the HyperFrames composition system to support navigable, discrete-slide presentations. It adds a JSON island schema that declares slide order, presenter notes, fragment hold-points, and interactive hotspots on top of the standard HyperFrames scene/clip/timeline model. The player's SlideshowController reads this island and converts the continuous GSAP timeline into a deck-style experience with forward/back navigation, fragment reveals, and branching side-sequences.
Key Features
- JSON Island Schema: A single
<script type="application/hyperframes-slideshow+json">block per composition serves as the single source of truth for slide order, notes, fragments, hotspots, and branch sequences - Fragment Reveals: Define hold-points within a slide at specific timeline positions where the controller pauses, enabling progressive disclosure of content with each "Next" press
- Branching and Hotspots: Interactive overlays can link to side-sequences (off-line branch slides) with full stack-based navigation, breadcrumb rendering, and scoped slide counters
- Source Fidelity Porting: When converting existing pages into slideshows, the skill enforces preserving mechanical visuals, scroll-driven transitions, and media crop semantics from the source
- Strict Slide Writing Rules: Enforces complete-sentence headlines, one-idea-per-slide discipline, bottom-up market sizing, and minimum font sizes for presentation readability
Who is this for?
This skill is designed for developers and designers using the HyperFrames platform who need to create interactive presentations, pitch decks, or navigable slide-based compositions. It is especially useful for teams building investor pitch decks with branching deep-dives, product demos with progressive reveals, or any scenario where a linear presentation needs interactive exploration paths.
Same repository
heygen-com/hyperframes(48 items)
Installation
npx vibeindex add heygen-com/hyperframes --skill slideshownpx skills add heygen-com/hyperframes --skill slideshow~/.claude/skills/slideshow/SKILL.mdSKILL.md
More from this repository10
CLI tool for the Hyperframes video rendering framework that provides commands to create, preview, lint, and render HTML-based video compositions to MP4.
Skill for authoring HTML-based video compositions with the Hyperframes framework, covering captions, TTS, audio-reactive animation, and transitions for AI agent-driven video creation.
Skill for installing blocks and components into Hyperframes projects via the `hyperframes add` command, providing access to 50+ ready-to-use overlays, shader transitions, and data visualizations.
A skill for the HyperFrames open-source video rendering framework that teaches AI agents to write correct HTML-based video compositions and GSAP animations, enabling them to render video from HTML code.
The foundational technical contract for HyperFrames HTML video compositions, defining data attributes, clip/track structure, sub-compositions, variables, media playback, deterministic rendering rules, and project validation.
Comprehensive animation skill for HyperFrames providing atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and seven runtime adapters including GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, and TypeGPU.
Non-animation creative direction for HyperFrames videos covering design specs, color palettes, typography, narration scripting, beat planning, audio-reactive visuals, composition patterns, and brand/style decisions.
Resolves media needs (background music, sound effects, images, icons) into frozen local files by searching the HeyGen catalog, downloading the best match, and registering it in a manifest. One resolve command handles the full cascade from cache lookup to provider search to file freezing.
A media framework by HeyGen for building interactive video experiences with composable frames and real-time rendering capabilities.
A fallback HyperFrames composition authoring skill for custom video creation when no specialized workflow fits. Handles multi-scene pieces, brand reels, montages, title cards, motion posters, static loops, and freeform compositions at any length or format.