slideshow

Author HyperFrames slideshow decks with slides, fragments, branching, and presenter mode.

Updated Aug 28, 2026
One-click install
npx skills add https://github.com/AnderHonorato/Mem-rias-IA---Infinity --skill slideshow-anderhonorato
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slideshow
Source: https://github.com/AnderHonorato/Mem-rias-IA---Infinity/tree/main/Manus/Skills/html-video-production/references/slideshow
Command: npx skills add https://github.com/AnderHonorato/Mem-rias-IA---Infinity --skill slideshow-anderhonorato

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating interactive, navigable HTML presentations requires coordinating slide scenes, reveal timing, branching navigation, and presenter tooling by hand. This Skill defines the complete authoring contract for HyperFrames slideshows so decks are structured, validated, and presentable without ad-hoc wiring. ## Core Features & Use Cases - JSON island manifest: Declares slide order, speaker notes, fragment hold-points, hotspots, and branch sequences in a single application/hyperframes-slideshow+json block matched to scene data-composition-id values. - Fragments and branching: Supports timed reveal hold-points within slides and hotspot-triggered branch sequences with breadcrumb navigation, scoped slide counters, and back-to-main navigation. - Presenter mode and handoff: Provides a built-in presenter view with editable notes, audience tab sync via BroadcastChannel, media cleanup on slide exit, and guidance for presenting over Google Meet or Zoom. - Use Case: Convert an existing product page into a pitch deck that preserves the source page's visual design, scroll-driven camera motion, and custom media players while adding slide navigation and speaker notes. ## Quick Start Ask the assistant to author a HyperFrames slideshow deck from your outline or convert an existing web page into a navigable presentation with speaker notes.

Frequently Asked Questions about slideshow

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a HyperFrames slideshow deck?

Declare each slide as a scene with data-composition-id, data-start, and data-duration, then add one application/hyperframes-slideshow+json island listing slides, notes, fragments, and hotspots. Serve the deck with hyperframes present for navigation and presenter mode.

How do slide fragments work in HyperFrames?

Fragments are absolute composition-timeline times within a slide's start and end range where the controller holds a reveal state. Pressing Next seeks to each fragment time in order before advancing to the next slide; navigation is seek-driven, never play-driven.

Can I render a HyperFrames slideshow to MP4?

No. A deck has multiple top-level scene compositions with no master root, so hyperframes render only resolves the first composition and emits a truncated MP4. Supported outputs are the live present deck and per-slide snapshot stills.

How do I add branching slides to a presentation?

Define branch scenes normally, then list them only inside a slideSequences entry in the island, never in the main slides array. A hotspot on a main slide targets the sequence id, and back navigation returns to the exact parent slide.

Why is my slideshow deck blank or clicks not working?

Stacked scene frames need opacity, visibility, and pointer-events all managed together; opacity 0 alone leaves invisible layers swallowing clicks. Also ensure the hyperframes-slideshow element has tabindex 0 so arrow-key navigation receives focus.

How do I present a HyperFrames deck over Google Meet or Zoom?

Open presenter mode with the P key, then share the audience tab in Meet using Share screen then A tab so animations keep rendering. For Zoom, drag the audience tab into its own window and share that window, keeping it partially visible to avoid freezing.