frontend-slides

Generate self-contained HTML presentations from notes or PPT/PPTX files.

1|Updated Feb 13, 2026
One-click install
npx skills add https://github.com/ROLLED740/vibe-clone-pro --skill frontend-slides-rolled740
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/ROLLED740/vibe-clone-pro/tree/main/.agent/skills/frontend-slides
Command: npx skills add https://github.com/ROLLED740/vibe-clone-pro --skill frontend-slides-rolled740

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create fast, browser-native slide decks with zero dependencies, enabling quick production of polished presentations without heavy tooling.

Core Features & Use Cases

  • Generate animation-rich HTML slides from plain notes or converted PPT/PPTX files.
  • Enforce viewport-fitting CSS and accessible typography via STYLE_PRESETS.md.
  • Output self-contained HTML ready for hosting, sharing, or offline viewing.

Quick Start

Provide topic notes or a PPTX file and let the system generate a ready-to-present 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 for web hosting?

To convert PPTX to HTML, this Skill transforms presentation files into self-contained HTML with inline CSS and JS. The output is a zero-dependency file ready for immediate hosting or offline viewing.

Can I generate HTML slides from plain text notes?

Yes, you can generate animation-rich HTML slides directly from plain text notes. The system processes your notes and applies accessible typography and viewport-fitting CSS to create a ready-to-present deck.

Do I need any external libraries or dependencies to create these HTML presentations?

No external libraries or dependencies are required to create these HTML presentations. The generated file uses inline CSS and JavaScript, ensuring it is completely self-contained and functions without any external tooling.

How do I customize the visual style of my HTML slides?

You can customize the visual style of your HTML slides using style presets. The system enforces accessible typography and viewport-fitting layouts by applying predefined styles defined in its style configuration.

What is the best way to make a self-contained presentation for offline viewing?

The best way to make a self-contained presentation is generating a zero-dependency HTML file. This approach embeds all CSS and JavaScript directly, ensuring the deck works reliably for offline viewing or quick sharing.

Are the generated HTML slide decks accessible for presentations?

Yes, the generated HTML slide decks are accessible. The system adheres to accessible typography standards and viewport-fitting base layouts, ensuring your conference or workshop presentations are structurally sound.