Does this skill require external libraries like Reveal.js?

No, the skill prioritizes zero-dependency output, generating a self-contained HTML file with all necessary CSS and JavaScript included inline for maximum portability.

Are the generated presentations accessible?

Yes, it uses semantic HTML structures, maintains readable color contrast, supports keyboard-only navigation, and respects prefers-reduced-motion settings.

How does it handle content that is too long for one slide?

The skill enforces strict viewport-fit rules. If content exceeds the density limits, it will automatically split the information across multiple slides to prevent scrolling.

Can I convert my existing PowerPoint files?

Yes, the skill can use Python with the python-pptx library to extract text and assets from .pptx files and convert them into an animated HTML presentation.

Frontend Slides

Name: Frontend Slides
Author: oabdelmaksoud

byoabdelmaksoud

0•

设计工具

Creates zero-dependency, animation-rich HTML presentations from scratch or PowerPoint files using a visual-first design approach.

The Frontend Slides skill enables Claude to generate high-performance, production-quality HTML presentations that run entirely in the browser without external dependencies. It utilizes a unique 'show, don't tell' workflow where it generates multiple visual style previews for users to choose from before building the full deck. With built-in support for PowerPoint (.pptx) conversion and a strict focus on viewport-perfect layouts, it ensures every slide is responsive, accessible, and aesthetically distinctive. This skill is ideal for developers and presenters who need to create pitch decks, workshop materials, or conference talks that stand out from generic templates while maintaining full control over the underlying code.

主要功能

01Built-in presentation controller for keyboard, touch, and scroll navigation

020 GitHub stars

03Visual style discovery with three-way design previews

04Viewport-safe layout enforcement using CSS clamp() and density limits

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

06Automated .pptx to HTML conversion via Python integration

使用场景

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

02Rapidly prototyping high-fidelity pitch decks with custom motion design

03Creating responsive workshop slides that scale perfectly from mobile to 4K projectors

主要功能

01Built-in presentation controller for keyboard, touch, and scroll navigation

020 GitHub stars

03Visual style discovery with three-way design previews

04Viewport-safe layout enforcement using CSS clamp() and density limits

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

06Automated .pptx to HTML conversion via Python integration

使用场景

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

02Rapidly prototyping high-fidelity pitch decks with custom motion design

03Creating responsive workshop slides that scale perfectly from mobile to 4K projectors