magic-slide

Generate self-contained HTML presentations with FLIP-based Magic Move transitions.

170|10|Updated Apr 27, 2026
One-click install
npx skills add https://github.com/daniel-style/magic-slide --skill magic-slide
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: magic-slide
Source: https://github.com/daniel-style/magic-slide/tree/main
Command: npx skills add https://github.com/daniel-style/magic-slide --skill magic-slide

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill eliminates the friction of building intentional, non-template presentations by automating the creation of self-contained HTML decks that feature smooth, FLIP-based Magic Move transitions.

Core Features & Use Cases

  • Magic Move Transitions: Automatically animates shared elements like titles, cards, and diagrams across slides for a fluid, narrative-driven experience.
  • Integrated Workflow: Includes built-in support for PipeLLM-powered web research and image generation, ensuring decks are research-backed and visually rich.
  • Use Case: Use this to generate a professional investor pitch or technical walkthrough where you need to maintain visual continuity and presenter-ready notes without relying on heavy, proprietary presentation software.

Quick Start

Invoke the magic-slide skill to generate a new presentation deck by providing your topic and audience requirements.

Frequently Asked Questions about magic-slide

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

FAQPage Schema
How do I generate HTML presentations with Magic Move transitions?

To generate HTML presentations with Magic Move transitions, you can use a build pipeline that processes modular source files into a self-contained HTML slideshow. This approach automates the creation of smooth, FLIP-based animations for shared elements like titles and cards across slides.

What is a FLIP animation and how does it work for slideshow transitions?

A FLIP animation stands for First, Last, Invert, Play, a technique that records element positions before and after a change to smoothly interpolate them. For slideshow transitions, it enables Magic Move effects by automatically animating shared elements like diagrams across sequential slides.

Do I need Python 3 to build self-contained HTML slide decks?

Yes, you need Python 3 installed to run the build pipeline for creating self-contained HTML slide decks. The pipeline processes modular source files to produce the final presentation, while optional PipeLLM integration can handle web research and image generation.

Can I use automated web research and image generation for presentation slides?

Yes, you can use automated web research and image generation for presentation slides through optional PipeLLM integration. This built-in workflow support ensures your HTML decks are research-backed and visually rich without requiring external proprietary presentation software.

What is the best way to create narrative-driven visual storytelling without proprietary presentation software?

The best way to create narrative-driven visual storytelling without proprietary software is to build self-contained HTML presentations from modular source files. This method maintains visual continuity through automated FLIP-based Magic Move transitions and includes presenter-ready notes.

What are the limitations of using HTML and FLIP transitions for technical walkthroughs?

Limitations of using HTML and FLIP transitions for technical walkthroughs include the requirement of a Python 3 environment to execute the build pipeline. Additionally, the presentation is entirely self-contained and browser-based, meaning complex interactive software dependencies are not supported natively.