Does this skill require any external libraries or frameworks?

No, Frontend Slides defaults to generating a single, self-contained HTML file with all necessary CSS and JS included, ensuring zero dependencies and easy portability.

Can it convert existing PowerPoint files?

Yes, the skill can process .ppt and .pptx files using Python to extract text, images, and notes, which are then used to build a modern HTML-based presentation.

Can I customize the design if I don't like the defaults?

Absolutely. The skill uses a 'show, don't tell' approach, generating multiple visual previews for you to review and refine before the final presentation is built.

How does it ensure the slides look good on different screens?

It enforces a mandatory 'viewport fit' rule, using CSS clamp() and relative units to ensure all content scales correctly and never causes internal scrolling.

Is the generated presentation accessible?

Yes, the output uses semantic HTML structure, supports keyboard-only navigation, and respects 'prefers-reduced-motion' settings for animations.

Frontend Slides

Name: Frontend Slides
Author: lyxjack

bylyxjack

•

Design Tools

Generates stunning, animation-rich HTML presentations from scratch or PowerPoint files with a focus on visual storytelling and responsive design.

Frontend Slides is a specialized Claude Code skill designed to create high-quality, zero-dependency HTML presentations that run natively in any browser. It bridges the gap between content and design by offering visual style previews, ensuring every slide perfectly fits the viewport without internal scrolling. Whether you are starting from a rough outline or converting an existing .pptx file, this skill handles the typography, motion design, and keyboard navigation to produce professional-grade decks that outperform standard, generic templates.

Key Features

01Built-in navigation controllers for keyboard, touch, and scroll events

02Visual style exploration through multi-option design previews

031 GitHub stars

04Automatic PPT/PPTX to web conversion using Python-based extraction

05Zero-dependency single-file HTML output with inline CSS and JavaScript

06Mandatory viewport-safe layouts using responsive CSS scaling

Use Cases

01Converting static PowerPoint decks into high-performance, interactive web presentations

02Building responsive workshop materials that work perfectly on mobile and desktop browsers

03Creating conference or pitch decks from rough notes with professional-grade motion design

Key Features

01Built-in navigation controllers for keyboard, touch, and scroll events

02Visual style exploration through multi-option design previews

031 GitHub stars

04Automatic PPT/PPTX to web conversion using Python-based extraction

05Zero-dependency single-file HTML output with inline CSS and JavaScript

06Mandatory viewport-safe layouts using responsive CSS scaling

Use Cases

01Converting static PowerPoint decks into high-performance, interactive web presentations

02Building responsive workshop materials that work perfectly on mobile and desktop browsers

03Creating conference or pitch decks from rough notes with professional-grade motion design