skills.rest
Manavv007
Manavv007COMMUNITY
Explore all skills by this author →
GitHub

slideshow

Generate HyperFrames slideshows from HTML compositions with GSAP playback.

Updated Feb 17, 2026
Search Tags:#pitch deck#interactive presentation#hyperframes#slide presentation#slideshow creation
One-click install
npx skills add https://github.com/Manavv007/S.A.R.A.L.-Scheme-Access-Retrieval-Analysis-Layer- --skill slideshow-manavv007
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slideshow
Source: https://github.com/Manavv007/S.A.R.A.L.-Scheme-Access-Retrieval-Analysis-Layer-/tree/main/.agents/skills/slideshow
Command: npx skills add https://github.com/Manavv007/S.A.R.A.L.-Scheme-Access-Retrieval-Analysis-Layer- --skill slideshow-manavv007

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the process of authoring interactive HyperFrames slide shows, providing a faster way to create presentations, pitch decks, or interactive decks without the need for manual coding.

Core Features & Use Cases

  • Automated Slide Creation: Convert HTML pages into HyperFrames slide decks.
  • Slide and Branch Navigation: Support for linear slides and interactive branch sequences with hotspots.
  • Content Integration: Easy embedding of images, text, video, and interactive elements within slides.
  • Use Case: You can quickly create an interactive pitch deck by using the 'slideshow' skill and inputting your existing content in HTML format. It will then be automatically transformed into an interactive presentation.

Quick Start

To start the slideshow skill, enter: use slideshow create-slide-deck "your-content.html".

Frequently Asked Questions about slideshow

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

FAQPage Schema
How do I create an interactive slide presentation from HTML content?▼

To create an interactive slide presentation, this Skill converts your HTML pages into a HyperFrames slideshow, automatically handling the JSON schema for slide structure, transitions, and interactive hotspots.

Can I build an interactive pitch deck without manual coding?▼

Yes, you can build an interactive pitch deck without manual coding by inputting your existing HTML content, which the Skill automatically transforms into a navigable HyperFrames presentation.

How does HyperFrames handle slide navigation and branching?▼

HyperFrames handles slide navigation by supporting both linear slide progressions and interactive branch sequences, utilizing embedded hotspots to trigger non-linear navigation paths within the presentation.

What is the best way to embed interactive elements within a slideshow?▼

The best way to embed interactive elements within a slideshow is to author your content as an HTML composition, which the Skill maps into the HyperFrames JSON schema for GSAP playback execution.

Do I need GSAP installed to execute HyperFrames slideshows?▼

Yes, execution relies on GSAP and HyperFrames for playback, so your environment must support these frameworks to render the slide transitions and interactive navigation correctly.

What are the limitations of converting HTML to a slide deck?▼

A key limitation is that your content must be provided in HTML format, and the slideshow structure is constrained to the HyperFrames JSON schema, meaning non-HTML inputs require pre-formatting.

Related Skills

Explore More Design & Creative Skills→
lidge-junlidge-jun
5

HTML to PPTX Skill

Convert HTML content into native PowerPoint slides with batch processing.

Community
Advanced
zeitlinbzeitlinb

slideshow

Create HyperFrames slideshow compositions with fragment reveals and hotspot navigation.

Community
Advanced
connoradsconnorads
15

remotion-video

Compose React components into deterministic frame-based Remotion video compositions.

Community
Intermediate
johan-Rmjohan-Rm

slideshow

Author interactive HyperFrames slideshows with branching navigation and fragment reveals.

Community
Advanced