frontend-slides

The Frontend Slides skill generates visually appealing, animation-rich HTML presentations. It caters to users who want to create presentations from scratch, convert existing PowerPoint files, or enhance existing HTML presentations. A key aspect is its 'show, don't tell' philosophy, helping users discover their design preferences through visual exploration rather than abstract choices.

This skill guides users through a phased approach, starting with content discovery and style selection. It offers options for creating new presentations or converting existing PowerPoint files. Style selection involves generating mini-previews of different design themes, allowing users to choose a style that resonates with them. The final output is a self-contained HTML file with inline CSS and JavaScript, ensuring zero dependencies and easy sharing. The generated code is well-commented, accessible, and performant.

For PPT conversions, the skill extracts text and images from the PowerPoint file using `python-pptx`. It then presents the extracted content to the user for confirmation before proceeding to style selection and HTML generation. The skill also provides guidance on animation patterns, style-feeling mappings, and troubleshooting common issues.

What It Does

Creates zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files. It guides users through content discovery, style selection via visual previews, and generates production-quality slide decks.

When To Use

Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch.

Installation

Copy SKILL.md to your skills directory