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