frontend-slides

Create HTML slide decks from content or PPTX sources.

Updated Apr 25, 2026
One-click install
npx skills add https://github.com/ldk-hub/broke-shopping --skill frontend-slides-ldk-hub
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/ldk-hub/broke-shopping/tree/main/.agent/.agents/skills/frontend-slides
Command: npx skills add https://github.com/ldk-hub/broke-shopping --skill frontend-slides-ldk-hub

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides enables zero-dependency, animation-rich HTML presentations, making it easy to create or convert existing slide decks into web-friendly formats.

Core Features & Use Cases

  • Zero-dependency HTML decks: produces a self-contained, single-file presentation that runs in any browser.
  • PPTX conversion & styling: converts PowerPoint slides to HTML and helps explore visual direction without requiring design expertise.
  • Workflow-guided creation: guides users through content discovery, style selection, and production for consistent results.

Quick Start

Create a viewport-safe HTML presentation from your content by selecting a mood and generating the final presentation.html.

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 an HTML presentation?

Converting PPTX to an HTML presentation is done by transforming your source slides into a self-contained, zero-dependency web file. The process applies inline CSS and JS to recreate visual direction, producing a single presentation.html that runs in any browser.

Can I create animation-rich slides without using external dependencies?

Creating animation-rich slides without external dependencies is possible by generating a self-contained, single-file HTML deck. This approach embeds all CSS and JavaScript inline, ensuring the presentation runs in any browser without relying on external libraries.

How do I make viewport-fitting slides for web presentations?

Viewport-fitting slides are created by structuring your HTML presentation to automatically scale to the browser viewport. This ensures your web-friendly slides display correctly across different screen sizes, supporting both keyboard and touch navigation controllers.

What is the best way to build accessible HTML slide decks for training sessions?

The best way to build accessible HTML slide decks is using a workflow-guided creation process that covers content discovery, style selection, and production. This method satisfies accessibility requirements while producing animation-rich presentations suitable for talks, workshops, and classrooms.

Do I need design expertise to style HTML slides converted from PowerPoint?

Design expertise is not required to style HTML slides converted from PowerPoint. The workflow guides you through style selection and visual iteration, allowing you to explore and apply visual directions directly within the generated HTML presentation.

Why use a single-file HTML presentation instead of standard slide formats for talks?

Using a single-file HTML presentation instead of standard slide formats provides zero-dependency playback in any browser, eliminating software compatibility issues. It also enables inline CSS/JS animations, viewport-fitting layouts, and keyboard and touch navigation for talks and workshops.