# Create an interactive HyperFrames slideshow

Interactive presentations need navigation, speaker notes, and reliable media behavior. This skill guides Claude Code and compatible tools to structure and validate a HyperFrames slide deck.

## Install

```bash
npx skillstore add heygen-com/slideshow
```

## Metadata

- Status: approved
- Slug: heygen-com-slideshow
- Skillstore revision: r2
- Version status: missing
- Tree hash: 395badf95f874a4db6e3cdbd78f827f1c35e7ebafacf0011816b8b43a8483a43
- Author: heygen-com
- GitHub username: heygen-com
- License: MIT
- Repository: https://github.com/heygen-com/hyperframes/tree/main/skills/slideshow/
- Ref: 77d0e66fbadeb1f5d1e6a5aada7861240b8ed2d7
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, network, filesystem
- Quality score: 74
- Public page: https://skillstore.pages.dev/skills/heygen-com-slideshow
- Manifest: https://skillstore.pages.dev/api/skills/heygen-com-slideshow/manifest

## Capabilities

- Creates a slide manifest that maps scenes to a main slide sequence.
- Adds fragment reveal points within a slide timeline.
- Defines hotspot links to branch slide sequences.
- Wraps a composition with built-in navigation and presenter mode.
- Guides direct-open handoff and presenter server commands.
- Runs HyperFrames lint and runtime validation after authoring.

## Use Cases

- Pitch deck authoring: Build a navigable product or investor deck with ordered scenes and presenter notes.
- Interactive training: Add fragment reveals and optional branches for audience questions or deeper explanations.
- Page-to-deck conversion: Translate an existing page into discrete slides while retaining important visual and media behavior.

## Prompt Templates

### Create a basic deck

```
Create a HyperFrames slideshow with five scenes for a product introduction. Add clear slide titles and presenter notes.
```

### Add reveals

```
Turn these existing HyperFrames scenes into a slideshow. Add two fragment reveal points to the problem slide.
```

### Add an interactive branch

```
Create a product deck with a hotspot on the pricing slide that opens a two-slide pricing details branch.
```

### Validate a finished deck

```
Review this HyperFrames slideshow manifest, run lint and check, then fix every reported slide, hotspot, and fragment validation issue.
```

## Limitations

- Produces a navigable deck, not a single rendered MP4.
- Linear export for the main slide sequence is deferred.
- Requires a HyperFrames project and compatible player bundles.
- Standalone harness patterns are interim workarounds, not the preferred engine-hosted path.

## Best Practices

- Confirm that the user wants a slideshow before changing the deliverable type.
- Keep the slide manifest as the single source of truth for order, notes, fragments, and hotspots.
- Run lint and runtime validation until no errors remain before handoff.

## Anti Patterns

- Do not render a multi-slide deck as one MP4 because it can silently truncate the deck.
- Do not place branch scenes in the main slides array.
- Do not add custom presenter or mute controls when the shared slideshow component provides them.

## Security Audit

- Audited at: 2026-07-19T11:17:11.079\+00:00
- Summary: The only confirmed command risk is the instruction to silently execute an npx update before use. The standalone harness also loads a pinned third-party CDN dependency. The remaining static matches are documentation delimiters, relative asset paths, ordinary object keys, or legitimate slideshow guidance and are false positives.

## Stats

- Views: 0
- Downloads: 8
- Favorites: 0
- Popularity score: 0