Does it require external libraries like Reveal.js?

No, it generates zero-dependency, self-contained HTML files with inline CSS and JS, ensuring your presentation works offline and on any device without external hosting.

How does visual style exploration work?

Instead of asking for a theme name, Claude generates three distinct single-slide previews in a temporary folder so you can visually confirm the aesthetic before the full build.

Is the output responsive and mobile-friendly?

Absolutely. It uses CSS clamp() and viewport-safe units to ensure slides scale perfectly across various screen sizes, from mobile phones to 4K projectors.

Does it support accessibility features?

Yes, the generated code uses semantic HTML structures, maintains high contrast ratios, supports keyboard navigation, and respects prefers-reduced-motion settings.

Can I convert my existing PowerPoint files?

Yes, the skill can use Python and the python-pptx library to extract text, images, and notes from .pptx files and transform them into your chosen web style.

Frontend Slides Generator

Name: Frontend Slides Generator
Author: Infopibe

byInfopibe

•

Design Tools

Creates stunning, zero-dependency, animation-rich HTML presentations from scratch or PowerPoint files.

The Frontend Slides skill enables developers and non-designers to build professional, production-grade HTML presentations that run entirely in the browser without external dependencies. By emphasizing visual exploration over abstract choices, it helps users discover unique aesthetics for pitches, workshops, and conference talks. The skill features a robust workflow for converting existing .pptx files into interactive web formats while enforcing strict viewport-safe design principles, ensuring that every slide is responsive, accessible, and free of internal scrollbars.

Key Features

011 GitHub stars

02Visual style discovery via multi-option aesthetic previews.

03Zero-dependency, self-contained HTML output with inline CSS and JS.

04Interactive navigation support for keyboard, touch, and mouse wheel.

05Strict viewport-enforcement to ensure perfectly scaled, no-scroll layouts.

06Automatic PPT/PPTX conversion using Python-based content extraction.

Use Cases

01Converting corporate PowerPoint decks into modern, web-based interactive presentations.

02Designing high-impact pitch decks with unique typography and motion without using generic templates.

03Creating technical workshop materials with responsive code blocks and accessibility support.

Key Features

011 GitHub stars

02Visual style discovery via multi-option aesthetic previews.

03Zero-dependency, self-contained HTML output with inline CSS and JS.

04Interactive navigation support for keyboard, touch, and mouse wheel.

05Strict viewport-enforcement to ensure perfectly scaled, no-scroll layouts.

06Automatic PPT/PPTX conversion using Python-based content extraction.

Use Cases

01Converting corporate PowerPoint decks into modern, web-based interactive presentations.

02Designing high-impact pitch decks with unique typography and motion without using generic templates.

03Creating technical workshop materials with responsive code blocks and accessibility support.