Can I convert my existing PowerPoint files?

Yes, the skill uses Python to extract text and assets from .pptx files and transforms them into modern web-based slides.

How does it handle different screen sizes?

It uses viewport-safe CSS and responsive clamp() functions to ensure slides fit any screen perfectly without internal scrolling.

Does this skill require external libraries like Reveal.js?

No, it generates zero-dependency HTML files with inline CSS and JS for maximum portability and performance.

Is the generated code accessible?

Yes, it prioritizes semantic HTML structure, supports reduced-motion preferences, and includes full keyboard-only navigation.

Can I customize the visual style?

The workflow includes a 'Discover Style' phase where Claude generates three distinct visual previews for you to choose from or mix.

Frontend Slides

Name: Frontend Slides
Author: saar120

bysaar120

0•

디자인 도구

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

Frontend Slides empowers users to build professional, production-quality slide decks that run entirely in the browser without external dependencies. By focusing on visual exploration through single-slide previews, it helps users create high-impact presentations with distinctive aesthetics and fluid animations. The skill enforces strict viewport constraints to prevent scrolling and ensures accessibility, responsiveness, and cross-platform compatibility, including the ability to convert existing PPTX files into modern web-based formats via Python automation.

주요 기능

010 GitHub stars

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

03Visual style exploration with three unique design previews.

04Zero-dependency, self-contained HTML/CSS/JS presentation generation.

05Mandatory viewport-safe layouts to eliminate slide overflow and scrolling.

06Automated PowerPoint (.pptx) to HTML conversion using Python.

사용 사례

01Converting legacy PowerPoint presentations into modern, web-ready formats.

02Creating high-stakes pitch decks or conference talks with custom branding.

03Rapidly prototyping presentation styles for workshops and internal meetings.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add saar120/skillgate-registry frontend-slides

For use in Claude.ai and ChatGPT

주요 기능

010 GitHub stars

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

03Visual style exploration with three unique design previews.

04Zero-dependency, self-contained HTML/CSS/JS presentation generation.

05Mandatory viewport-safe layouts to eliminate slide overflow and scrolling.

06Automated PowerPoint (.pptx) to HTML conversion using Python.

사용 사례

01Converting legacy PowerPoint presentations into modern, web-ready formats.

02Creating high-stakes pitch decks or conference talks with custom branding.

03Rapidly prototyping presentation styles for workshops and internal meetings.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add saar120/skillgate-registry frontend-slides

For use in Claude.ai and ChatGPT