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.