HyperFrames Slideshow for Claude Code: Build a Live Deck With Reveals
HyperFrames Slideshow builds a browser presentation with slides, fragments, speaker notes, and optional branches that a presenter can navigate live.
中文Setup for Claude Code
Claude Code, Node.js with npx, and a browser. Use the HyperFrames CLI's present mode for the audience and presenter experience.
- Copy skills/slideshow and the companion skills/hyperframes files from the pinned repository into corresponding .claude/skills/ directories.
- Open Claude Code in a scratch project and invoke /slideshow with the content and reveal plan. Have the tool check the deck after authoring.
- Serve the finished scratch project with the HyperFrames present command described in the skill and check that both browser views work.
Example task
Create a three-slide reading-club presentation: title, one discussion question with a reveal, and closing. Include one short speaker note for the discussion slide.Expected result
The deck goes forward and backward, the reveal stays on its intended slide, and the speaker note is visible in presenter view. The audience view shows only the deck.
Upstream documentation
Original SKILL.md on GitHub · Apache-2.0 license · Source reviewed
Frequently asked question
Should I render a live deck as MP4?
Use the present workflow to preserve navigation, reveals, and speaker notes. The skill distinguishes live presentations from rendered video.