How does the visual exploration workflow work?

Before building the full deck, Claude generates three distinct single-slide previews in a temporary directory, allowing you to choose or mix design elements you like.

Does this require external libraries like Reveal.js?

No, this skill generates zero-dependency HTML files with lightweight, custom CSS and JavaScript for maximum performance and portability.

Are the generated slides responsive?

Absolutely. The skill uses CSS clamp and viewport-safe units to ensure content scales perfectly across different screen resolutions without requiring internal scrollbars.

What kind of animations are included?

Decks include reveal-on-enter animations triggered by an Intersection Observer, along with smooth transitions between slides and support for prefers-reduced-motion.

Can it convert existing PowerPoint files?

Yes, it can utilize Python to extract text, images, and speaker notes from .ppt and .pptx files to rebuild them into responsive web presentations.

Frontend Slides

Name: Frontend Slides
Author: lyxjack

bylyxjack

•

Design Tools

Creates zero-dependency, animation-rich HTML presentations and converts PowerPoint files into high-end web-based slide decks.

Frontend Slides is a specialized Claude Code skill designed to transform ideas, notes, or existing PowerPoint files into stunning, production-grade HTML presentations. It prioritizes a 'show, don't tell' approach by generating visual design previews, helping users discover their aesthetic through exploration rather than abstract choices. Every deck is built with a non-negotiable requirement for viewport-perfect layouts (zero internal scrolling), responsive typography using CSS clamp, and smooth animations. Ideal for developers and non-designers who need to create pitch decks, conference talks, or workshops that run natively in any browser without external dependencies or heavy frameworks.

Key Features

01Visual style exploration with three unique design previews before building.

02Built-in presentation controller for keyboard, touch, and mouse wheel navigation.

031 GitHub stars

04Hard-enforced viewport fit to prevent internal scrolling on any screen.

05Zero-dependency, single-file HTML/CSS/JS output for maximum portability.

06Automated PPT/PPTX to HTML conversion preserving notes and assets.

Use Cases

01Building high-impact conference talk slides with custom CSS animations and no external dependencies.

02Rapidly prototyping pitch decks using visual presets to match a specific brand or mood.

03Converting a corporate PowerPoint deck into a modern, web-based interactive presentation.

Key Features

01Visual style exploration with three unique design previews before building.

02Built-in presentation controller for keyboard, touch, and mouse wheel navigation.

031 GitHub stars

04Hard-enforced viewport fit to prevent internal scrolling on any screen.

05Zero-dependency, single-file HTML/CSS/JS output for maximum portability.

06Automated PPT/PPTX to HTML conversion preserving notes and assets.

Use Cases

01Building high-impact conference talk slides with custom CSS animations and no external dependencies.

02Rapidly prototyping pitch decks using visual presets to match a specific brand or mood.

03Converting a corporate PowerPoint deck into a modern, web-based interactive presentation.