frontend-slides

Create zero-dependency HTML slide decks from topics or PPT conversions.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Wakewell-Sleep-Solutions/claude-skills-ecosystem --skill frontend-slides-wakewell-sleep-solutions
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/Wakewell-Sleep-Solutions/claude-skills-ecosystem/tree/main/frontend-slides
Command: npx skills add https://github.com/Wakewell-Sleep-Solutions/claude-skills-ecosystem --skill frontend-slides-wakewell-sleep-solutions

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides enables creating zero-dependency, animation-rich HTML presentations that run directly in the browser, simplifying the process of turning ideas into shareable decks.

Core Features & Use Cases

  • PPT/PPTX conversion: convert PowerPoint slides into a web-ready deck with preserved layout and typography.
  • Zero-dependency output: produced as a single self-contained HTML file with inline CSS and JS for portability.
  • Viewport-fit and accessibility: slides automatically fit the viewport and support keyboard navigation, responsive design, and reduced-motion preferences.
  • Style presets & workflow: leverages a preset catalog and a CSS base to achieve distinctive looks while enforcing viewport-safe constraints.

Quick Start

Create a basic deck from a topic or convert a PPT/PPTX, then export as 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 HTML for web presentations?

To convert PPTX to HTML web presentations, this tool transforms PowerPoint slides into a web-ready deck while preserving layout and typography. It outputs a single standalone HTML file with inline CSS and JS, ensuring the presentation runs directly in the browser without external dependencies.

Can I create HTML slides that automatically fit the viewport?

Yes, you can create HTML slides that automatically fit the viewport. The generated deck enforces viewport-safe constraints using a CSS base, ensuring slides scale responsively to the screen size while maintaining accessible structure and keyboard navigation.

What is the best way to build animation-rich HTML slide decks without dependencies?

The best way to build animation-rich HTML slide decks without dependencies is generating a zero-dependency, self-contained HTML file. This approach embeds all inline CSS and JavaScript directly, enabling portable presentations with rich animations that run independently in any browser.

Does the generated HTML presentation support keyboard and touch navigation?

Yes, the generated HTML presentation supports keyboard and touch navigation. The standalone deck includes built-in navigation controls and an accessible structure, allowing users to seamlessly advance slides during talks, workshops, and conference presentations.

Do I need external libraries to run my HTML presentation in the browser?

No, you do not need external libraries to run your HTML presentation in the browser. The output is a single self-contained HTML file with inline CSS and JS, guaranteeing zero-dependency portability for conference talks and internal decks.

Will the HTML slide deck respect reduced-motion accessibility preferences?

Yes, the HTML slide deck respects reduced-motion accessibility preferences. Viewport-fit slides incorporate responsive design and accessibility constraints, automatically adjusting animations for users who prefer reduced motion during workshops and presentations.