frontend-slides

Create interactive HTML slide decks from notes or PPT/PPTX files.

Updated Mar 26, 2026
One-click install
npx skills add https://github.com/cescrafli/compyrasion --skill frontend-slides-cescrafli
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/cescrafli/compyrasion/tree/main/skills/frontend-slides
Command: npx skills add https://github.com/cescrafli/compyrasion --skill frontend-slides-cescrafli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables creating animation-rich HTML slide decks that run entirely in the browser, eliminating dependencies and setup friction for presenters.

Core Features & Use Cases

  • Zero-dependency, printable-ready HTML decks with inline CSS and JS that work offline.
  • PPT / PPTX conversion to HTML slides and enhancement workflows for talks and training sessions.
  • Accessible, responsive decks with viewport-fit layout and keyboard/touch navigation that scale across devices.

Quick Start

Create a new presentation from your notes or convert an existing PPT/PPTX file into a standalone HTML deck.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I convert PPTX to HTML slides for offline presentation?

Converting PPTX to HTML slides involves transforming your source file into a standalone deck with inline CSS and JS. This skill renders interactive HTML presentations that run entirely in the browser without dependencies, working offline across devices.

Can I create interactive HTML presentations without external dependencies?

Creating interactive HTML presentations without external dependencies is fully supported here. The output is a zero-dependency, self-contained HTML deck where animations, viewport-fit CSS, and keyboard or touch navigation are baked directly into the file.

What is the best way to make a self-contained HTML presentation from notes?

The best way to make a self-contained HTML presentation from notes is generating an HTML deck with inline styling and scripts. This approach yields a printable-ready file equipped with animation and responsive navigation, eliminating setup friction entirely.

Does this HTML presentation approach support keyboard and touch navigation?

Yes, keyboard and touch navigation are natively supported in the generated HTML slides. The decks are built with viewport-fit layout and accessibility features, ensuring they scale and respond correctly across different presentation environments and devices.

Are there limitations when converting PPT to a standalone HTML deck?

A key limitation when converting PPT to a standalone HTML deck is that complex native PPTX animations might not translate perfectly to browser logic. However, the process maintains core content structure while applying accessible, zero-dependency CSS and JS animations.

When do I need a zero-dependency HTML slide deck for pitching?

You need a zero-dependency HTML slide deck for pitching when you must present reliably offline without software setup. This approach ensures your animated presentation runs smoothly in any browser, making it ideal for education, pitching, and internal briefings.