Are the generated presentations accessible?

Yes, the output uses semantic HTML5 structures, supports full keyboard navigation, and includes built-in support for the 'prefers-reduced-motion' CSS media feature.

Can I choose the design style of the slides?

Absolutely. The workflow includes a 'visual exploration' phase where the AI generates multiple style previews for you to review and customize before the full deck is built.

Can I convert existing PowerPoint files?

Yes, the skill can utilize Python-based extraction to pull text, images, and speaker notes from .pptx files and transform them into structured, modern HTML slides.

How does it handle different screen sizes and projectors?

It enforces strict viewport-fit rules using fluid typography and CSS clamp functions, ensuring content scales perfectly to fit any screen without internal scrollbars.

Does this skill require external libraries like Reveal.js?

No, this skill follows a zero-dependency philosophy, generating a self-contained HTML file with all necessary CSS and vanilla JavaScript included for maximum portability and speed.

Frontend Slides

Name: Frontend Slides
Author: flatrick

byflatrick

0•

デザインツール

Generates distinctive, animation-rich HTML presentations from scratch or PowerPoint files with a focus on visual exploration.

Frontend Slides is a powerful tool for creating professional, browser-native presentations that run entirely without external dependencies. It streamlines the design process by generating multiple visual style previews, allowing users to select an aesthetic that matches their brand or mood rather than navigating complex design menus. Whether you are converting a legacy .pptx file, building a high-stakes pitch deck, or preparing a technical talk, this skill ensures every slide is perfectly responsive, accessible, and performance-optimized with zero-scroll viewport enforcement.

主な機能

01Strict viewport-fit enforcement for consistent cross-device display

02Zero-dependency, self-contained HTML file generation

03Automated .pptx and .ppt to web-based slide conversion

04Visual style exploration through multi-option design previews

05Integrated navigation controllers for keyboard, touch, and scroll

060 GitHub stars

ユースケース

01Creating high-impact pitch decks with custom typography and motion graphics

02Building technical conference talks with optimized code block layouts and mobile responsiveness

03Converting static PowerPoint presentations into interactive, animation-rich web decks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add flatrick/mdt frontend-slides

For use in Claude.ai and ChatGPT