slideshow Skill for Claude Code: Build a Live Presentation With HyperFrames

Makes Claude build a HyperFrames slide deck that you present live, with reveals, clickable branches and speaker notes.

Installs: 460.4K; on skills.sh
Stars: 77.1K; on GitHub
Files: 1; besides SKILL.md
Updated: Nov 2026; last repo commit

slideshow builds a deck as a normal HyperFrames composition plus one JSON block that lists the slides and how they connect. Slides can have fragment reveals at set times, hotspots that jump to branch slides, and presenter notes. You serve it with npx hyperframes present, which prints a link to open the audience tab. The result is a running deck, not a rendered MP4.

It also ports an existing page into a deck, keeping the page's look and motion. Claude runs npx hyperframes check --json until it is clean. It builds on the hyperframes skill, which SKILL.md says applies to every slideshow, so install that too. SKILL.md warns never to render a deck to MP4, because only the first scene survives.

Good for

People who want a pitch deck made from HTML and motion, not a video file
HyperFrames users who need a navigable presentation
Anyone turning an existing web page into a deck

Install slideshow

Claude Code

Copy this prompt.

Install the slideshow skill in Claude Code. Run this command:

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

The README says the plugin bundles the full skill catalog, so slideshow comes with it. For a skills-only install, the core set holds the hyperframes skill that slideshow depends on, and slideshow installs on demand on top. In Claude Code the plugin skills are used as /hyperframes:hyperframes.

From the project README. Source.

What's in the skill

When it loads

Build a HyperFrames slideshow to present live - slides, fragment reveals, branching hotspots and presenter mode with speaker notes, served by `hyperframes present` - or turn an existing page into one. Use when the person wants a deck or presentation rather than a rendered video.

Sections in SKILL.md

What changes from a video project
Porting an existing page
Present and hand off

Key facts

Author: HeyGen (heygen-com/hyperframes)
Repository: heygen-com/hyperframes, folder skills/slideshow
Installs on skills.sh: 460,378 as of 2026-11-02
GitHub stars: 77,112 for the whole heygen-com/hyperframes repo, 2026-11-02
License: Apache-2.0
Last repo commit: 2026-11-02
What is inside: 1 bundled file besides SKILL.md (references/standalone-harness.md); no scripts
skills.sh audits: Gen Agent Trust Hub: pass, Socket: pass, Snyk: pass

What it includes

Each slide is a top-level scene in the composition
Needs ids, start, duration, label and size on each scene.
Write · Slides as scenes
Lists slides, notes, fragments, hotspots and sequences
Written in the HTML by hand; the present command reads it as static text.
Write · Slideshow JSON block
Reveal steps inside a slide at absolute timeline times
Navigation jumps to a time rather than playing.
Write · Fragments
Click a region to open a branch sequence
Back returns to the slide with the hotspot.
Write · Hotspots and branches
Turns a web page into a deck
Keeps look, motion and media; scroll-driven movement becomes camera moves.
Write · Port an existing page
Validates the deck
Checks scene ids, hotspot targets, fragment timing and slide overlap.
Runs code · npx hyperframes check --json
Serves the deck and prints a URL
Serves the deck and prints a URL; Present (or P) opens the audience tab. SKILL.md also mentions presenter notes.
Runs code · npx hyperframes present
Searches ready-made visuals before hand-building
Ranks the registry with nothing installed.
Runs code · npx hyperframes catalog

From the official docs

Permissions

Low risk

Claude writes deck files in your project, runs the hyperframes package with npx and starts a local server to present it. Approve the npx commands only if you trust the package.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

It runs an npm package through npx
The check, present and catalog commands run the hyperframes package. Approve them only if you trust it and have installed it on purpose. github.com
It starts a local web server
The present command serves the deck and prints a URL. Close it when you finish, and do not share the link beyond your machine unless you mean to. github.com

Security advisories

No published security advisories as of Nov 2, 2026.

Technical details

Turning on read-only	No read-only mode. The skill writes project files and runs commands.
Talks to	npm, to fetch the hyperframes package. A local web server for the audience and presenter tabs
Sign-in and keys	SKILL.md mentions no key or account.
Scopes	Writes HTML composition files in your project Runs npx hyperframes commands, which fetch and run the HyperFrames npm package Starts a local server so you can present the deck

Questions

How do I install slideshow?

Use the install box at the top of this page. It installs the HyperFrames plugin for Claude Code, which carries slideshow and the core hyperframes skill it depends on. The README also documents a skills-only route.

Do I need the hyperframes skill too?

Yes. SKILL.md says a slideshow is a normal composition and the /hyperframes contract applies. The README lists slideshow as an on-demand extra on top of the core set, which includes hyperframes.

Can I export the deck as a video?

SKILL.md says never to render a deck to MP4, because render keeps only the first scene and truncates silently. Use snapshots of each slide for still images.

How do I present it on a video call?

In Google Meet, share the audience tab, which keeps rendering in the background. In Zoom, drag the audience tab into its own window and share that, because a fully covered window freezes.

Is slideshow safe?

Moderately. It makes Claude run npx hyperframes commands, which download and run the HyperFrames package, and start a local server for the deck.

Information

updated Nov 2, 2026

Repository: heygen-com/hyperframes
Folder: skills/slideshow

heygen-com/hyperframes skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 2

heygen-com/hyperframes README · github.com
slideshow SKILL.md · github.com