Can it convert existing PowerPoint files?

Yes, it uses Python to extract text, images, and speaker notes from .ppt and .pptx files to convert them into modern, animation-rich HTML versions.

How does the style selection process work?

The skill generates three distinct single-slide preview files in a temporary directory, allowing you to choose and mix visual elements before the full deck is built.

Are the slides responsive for mobile devices?

Yes, it uses viewport-safe CSS blocks and CSS clamp() for typography to ensure slides are readable and properly sized across desktops, tablets, and mobile screens.

Do the presentations require an internet connection to run?

No, the skill defaults to producing zero-dependency, self-contained HTML files with inline CSS and JS that run entirely in the browser without external libraries.

Frontend Slides

Name: Frontend Slides
Author: flatrick

byflatrick

0•

디자인 도구

Generates high-performance, animation-rich HTML presentations with zero dependencies and viewport-perfect layouts.

Frontend Slides transforms Claude into a presentation designer, enabling the creation of stunning, interactive HTML decks from scratch or via PowerPoint conversion. It prioritizes a 'show, don't tell' workflow by generating visual style previews, ensuring every slide fits perfectly within the viewport using modern CSS techniques like clamp(). Ideal for creating pitch decks, workshop slides, or conference talks, the skill produces production-quality code with built-in accessibility, navigation controllers, and responsive design, eliminating the need for heavy frameworks or external dependencies.

주요 기능

010 GitHub stars

02Integrated navigation controller for keyboard, touch, and scroll inputs

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

04Enforced viewport-safe design with mandatory internal scroll prevention

05Automated PPT/PPTX to HTML conversion preserving notes and assets

06Visual style exploration via interactive generated preview files

사용 사례

01Converting legacy PowerPoint files into modern, web-based presentations

02Creating interactive workshop slides that run offline in any browser

03Building high-stakes pitch decks with unique, non-template aesthetics

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add flatrick/mdt frontend-slides

For use in Claude.ai and ChatGPT