frontend-slides

Create animation-rich HTML presentation decks from topics, notes, or PPTX files.

Updated May 14, 2026
One-click install
npx skills add https://github.com/WUIX69/e-lock --skill frontend-slides-wuix69
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/WUIX69/e-lock/tree/main/.agent/.agents/skills/frontend-slides
Command: npx skills add https://github.com/WUIX69/e-lock --skill frontend-slides-wuix69

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes the friction of building polished presentations by turning rough ideas, notes, or PowerPoint files into browser-ready HTML slides with strong visual direction and smooth motion.

Core Features & Use Cases

  • Zero-dependency slide decks: Generates self-contained HTML presentations that run locally in the browser.
  • PPT/PPTX conversion: Converts slide files into web-native presentations while preserving structure and delivery flow.
  • Viewport-safe design: Enforces slides that fit inside one screen with no internal scrolling, even on small devices.
  • Style exploration: Helps users discover a compelling presentation look through visual previews and preset-based themes.
  • Use case: Build a keynote, pitch deck, workshop deck, or internal update without needing a design team.

Quick Start

Use the frontend-slides skill to convert my topic or PowerPoint file into a single-file HTML presentation with a strong visual style and viewport-safe slides.

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 files to HTML web presentations?

Viewport-safe design ensures each slide fits entirely inside one screen without internal scrolling, even on small devices. This layout approach keeps browser-based presentations clean and readable across different screen sizes.

Can I build a pitch deck from rough notes instead of PowerPoint files?

Yes, you can generate a cinematic HTML pitch deck directly from rough ideas or text notes. The output applies preset-based themes, reveal animations, and viewport-safe layouts without requiring a design team.

Do HTML slide decks support keyboard and touch navigation?

HTML slide decks support both keyboard and touch navigation for versatile presentation delivery. They also include reduced-motion support to accommodate accessibility requirements during browser-based presentations.

What is the best way to create self-contained HTML slides without external libraries?

The best way to create self-contained HTML slides is to generate zero-dependency output files that run locally in the browser. This approach ensures your presentation deck remains portable and functional without loading external libraries.

Are there limitations when converting PowerPoint files to browser-based presentations?

When converting PowerPoint files to browser-based presentations, the primary limitation is that the output focuses on structure and delivery flow rather than exact visual fidelity. The process transforms slides into viewport-safe HTML layouts with web-native animations.