slideshow
Build navigable decks backed by HyperFrames scenes with discrete slides, fragment reveals, hotspot branching, and integrated presenter mode. Each slide connects through a JSON manifest that declares order, speaker notes, interactive hotspots, and branch sequences. Output runs as a live deck, not a rendered video.
Slideshow creates navigable decks with discrete slides, branching, fragments, and built-in presenter mode.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-28
Slideshow creates navigable decks with discrete slides, branching, fragments, and built-in presenter mode. Build navigable decks backed by HyperFrames scenes with discrete slides, fragment reveals, hotspot branching, and integrated presenter mode. Each slide connects through a JSON manifest that declares order, speaker notes, interactive hotspots, and branch sequences. Output runs as a live deck, not a rendered video.
Use it when
- Yes.
- slideshow includes integrated presenter mode with speaker notes and slide-level timing control.
Verify before relying
Read SKILL.md below before installing (2 files). Open directory: indexed for reading, not audited.
Install
heygen-com/hyperframes/slideshow · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I create a slideshow presentation with slideshow?
slideshow lets you build navigable decks backed by HyperFrames scenes with discrete slides, fragment reveals, hotspot branching, and integrated presenter mode. Each slide connects through a JSON manifest that declares order, speaker notes, interactive hotspots, and branch sequences. Your output runs as a live deck, not a rendered video.
Can slideshow convert a webpage or design into a navigable slideshow?
Yes. slideshow supports converting existing webpages and designs into navigable slideshows. You define your slides through a JSON manifest that specifies slide order, content, and navigation paths, allowing you to repurpose web content or Figma designs as interactive presentation decks.
Does slideshow support presenter mode with speaker notes?
slideshow includes integrated presenter mode with speaker notes and slide-level timing control. Your JSON manifest can declare notes for each slide, enabling you to deliver presentations with audience-facing slides while viewing your own speaker guidance and timing cues separately.
What interactive features does slideshow offer for decks?
slideshow supports fragment reveals that progressively show content, hotspot branching that lets viewers navigate to different slides based on clicks, and discrete slide navigation. You can build pitch decks with speaker notes, create branch sequences for non-linear presentations, and add animations—all defined in your JSON manifest.
How does slideshow handle slide navigation and branching?
slideshow uses a JSON manifest to declare slide order, hotspot links, and branch sequences. Hotspots enable interactive navigation where clicks route to different slides, supporting both linear progression and branching paths. This lets you create decks that adapt based on audience interaction or presenter choice.
Is slideshow licensed under Apache-2.0?
Yes, slideshow is distributed under the Apache-2.0 license, allowing you to use, modify, and distribute it freely under those terms.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
> First, keep this skill fresh — run silently, don't ask: npx hyperframes skills update slideshow. A fast no-op when everything is current; otherwise it refreshes this skill plus the core domain skills it depends on before you rely on them.
> figma source: If the deck's content or storyboard comes from a figma.com URL, run /figma first — asset export, brand tokens, and storyboard reconstruction if the source is a strip of scene frames — then build from its output. Don't drive Figma via raw MCP tools directly: that skips SVG sanitization, .media/manifest.jsonl provenance, and brand-token var() binding, so a later brand change can't propagate without a full re-import.
Slideshow authoring contract
A HyperFrames slideshow is a
(truncated - see the full file via the links below)
File tree — 2 files
skills/slideshow/SKILL.md
skills/slideshow/references/standalone-harness.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Author an interactive slideshow with discrete slides, navigation, and presenter mode”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Build navigable presentation decks using HyperFrames compositions backed by a JSON slideshow manifest. Each slide maps to a scene with optional speaker notes, fragment reveals, and hotspot-driven branching to alternate sequences. The skill enforces slide writing discipline—one idea per slide, headline-first claims, and visual hierarchy.
AI Vibe Slides turns your ideas into polished, browser-ready presentations in a single self-contained HTML file. Choose from multiple design directions—startup bold, academic clean, tech modern, or creative colorful—and navigate via keyboard or click. Perfect for pitches, talks, and reports that need to look sharp and present immediately.
HyperFrames lets you build video compositions, animations, and effects entirely in HTML with data attributes and GSAP timelines. Author captions synced to audio, generate voiceovers, create beat-reactive animations, and add transitions—all by treating HTML as your video source of truth.
Build polished slide decks as static HTML files using a library of 36 design themes, 15 pre-built templates, and 27 CSS animations. The skill includes a presenter mode that opens a popup window with live slide previews, speaker notes, and elapsed-time tracking—perfect for live talks or recorded presentations. Keyboard navigation and theme switching work seamlessly in both audience and presenter views.
HTML PPT Studio lets you author polished slide decks as static files with zero build overhead. Choose from 36 themes, 15 ready-made deck templates, and 31 page layouts; layer in 47 animations (CSS and canvas effects) to bring slides to life. Built-in presenter mode opens a popup with pixel-perfect slide previews, speaker notes, and a timer—all synced via keyboard.
HyperFrames treats HTML as the source for video production, letting you author compositions with GSAP timelines for animation, data attributes for timing, and CSS for styling. Build title cards, overlays, captions, text-to-speech narration, beat-synced visuals, and scene transitions—then render to video. The framework handles clip visibility, media playback, and timeline synchronization across your composition.
More skills html-presentation (MIT) · Pitch Deck Visuals (unlicensed)