frontend-slides

Convert PPTX presentations into self-contained HTML decks with animations.

1|Updated Dec 17, 2025
One-click install
npx skills add https://github.com/JonnyCBB/claude-code-config --skill frontend-slides-jonnycbb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/JonnyCBB/claude-code-config/tree/main/plugins/jiffy-toolkit/skills/frontend-slides
Command: npx skills add https://github.com/JonnyCBB/claude-code-config --skill frontend-slides-jonnycbb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

PPTX-to-HTML conversion can be tedious and brittle, forcing designers to rebuild slides for the web or lose animation. The Frontend Slides Skill automates this by turning PowerPoint content into animation-rich, zero-dependency HTML decks that run in the browser.

Core Features & Use Cases

  • Convert PPTX to self-contained HTML decks with built-in animations and zero build steps.
  • Output a production-ready, multi-file presentation (index.html, slides/, assets/) suitable for hosting or offline viewing.
  • Apply design presets to achieve consistent aesthetics and accessibility across slides.

Quick Start

Provide your PPTX file and choose a style to generate an HTML slide 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 with animations preserved?

PPTX-to-HTML conversion is handled by extracting your presentation content and applying a design-presets CSS framework to produce self-contained, animation-rich HTML decks. This approach ensures built-in animations run directly in the browser without requiring build steps.

What is the best way to turn PowerPoint slides into browser-based presentations?

The best way to turn PowerPoint slides into browser-based presentations is generating a multi-file output structure containing index.html, slides, and assets. This produces a zero-dependency HTML deck with consistent aesthetics, accessibility features, and viewport fitting suitable for hosting.

Do I need any dependencies or build tools to run converted HTML slides?

No dependencies or build tools are required to run converted HTML slides. The generated output is a self-contained, zero-dependency presentation that runs directly in any standard web browser, making it suitable for immediate hosting or offline viewing.

Can I use this PPTX to HTML conversion for product demos and workshops?

Yes, you can use this PPTX to HTML conversion for product demos, workshops, talks, and training sessions. It generates browser-based slides with viewport fitting and accessibility features, specifically designed for contexts where web presentations are preferred over traditional PowerPoint files.

What is included in the output when converting a PPTX presentation to an HTML deck?

Converting a PPTX presentation to an HTML deck outputs a multi-file structure containing an index.html file, a slides directory, and an assets folder. This production-ready output includes a design-presets CSS framework, accessibility features, and viewport fitting for standalone browser viewing.

How to apply consistent design presets across converted HTML presentation slides?

To apply consistent design presets across converted HTML presentation slides, the conversion process utilizes a built-in design-presets CSS framework. This ensures uniform aesthetics and accessibility across all generated slides within the self-contained HTML deck output.