frontend-slides

Generate zero-dependency single-file HTML presentations from scratch or PowerPoint files.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/hhx465453939/Claude_skill_pool --skill frontend-slides-hhx465453939
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/hhx465453939/Claude_skill_pool/tree/main/skills.gemini/frontend-slides
Command: npx skills add https://github.com/hhx465453939/Claude_skill_pool --skill frontend-slides-hhx465453939

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python-pptx, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation of dynamic, visually appealing presentations as single HTML files, eliminating the need for complex build tools or external dependencies. It also offers conversion from PowerPoint files.

Core Features & Use Cases

  • Zero-Dependency HTML Presentations: Generates self-contained HTML files with inline CSS and JavaScript.
  • PPTX to HTML Conversion: Converts existing PowerPoint presentations into web-based slides.
  • Style Preview: Offers visual previews of different design styles for user selection.
  • Viewport-Fitting Design: Ensures each slide occupies the full viewport height for a consistent viewing experience.
  • Use Case: Quickly create a pitch deck for a startup idea or convert a lengthy training manual into an engaging online presentation.

Quick Start

Use the frontend-slides skill to create a new presentation about AI advancements.

Frequently Asked Questions about frontend-slides

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert a PowerPoint file to HTML presentation slides?

To convert a PowerPoint file to an HTML presentation, this Skill transforms PPTX files into zero-dependency, animation-rich single-file HTML slides using python-pptx, creating a self-contained web-based output.

Can I generate a single-file HTML presentation without external dependencies?

Yes, you can generate a single-file HTML presentation with zero external dependencies. The output contains inline CSS and JavaScript, ensuring the slides are entirely self-contained and require no build tools.

How do I create a full viewport height presentation in HTML?

Creating a full viewport height presentation in HTML is achieved through viewport-fitting design. This approach ensures each slide occupies the full viewport height for a consistent viewing experience across different screens.

Do I need python-pptx to convert PPTX files to HTML?

Yes, python-pptx is required as a dependency. It provides the necessary functionality to parse and extract content from existing PowerPoint files so they can be successfully converted into web-based HTML slides.

What is the best way to enhance existing HTML slides with animations?

The best way to enhance existing HTML slides with animations is by processing the HTML through this Skill. It supports enhancement of existing HTML files, prioritizing a show-don't-tell approach with visual previews.