What navigation methods are included by default?

The generated presentations come pre-configured with support for keyboard arrows, touch/swipe gestures, mouse wheel scrolling, and progress indicators.

Can I convert existing PowerPoint files?

Yes, the skill can extract text, images, and notes from .pptx files using Python tools and convert them into polished HTML presentations.

Are the generated slides mobile-friendly?

Absolutely. The skill uses responsive CSS scaling and enforces viewport-safe layouts to ensure the presentation remains legible and visually consistent across all screen sizes.

Does the presentation require an internet connection to run?

No, it generates zero-dependency, self-contained HTML files with inline CSS and JS that work perfectly offline in any modern web browser.

How does the style discovery process work?

Instead of asking abstract questions, the skill generates three distinct visual previews, allowing you to choose or mix elements from real designs that match your desired mood.

Frontend Slides

Name: Frontend Slides
Author: JantonioFC

byJantonioFC

•

设计工具

Creates high-quality, animation-rich HTML presentations from scratch or PowerPoint files with a focus on visual discovery and zero-dependency delivery.

Frontend Slides is a specialized Claude Code skill designed to transform raw ideas or legacy PowerPoint files into stunning, production-grade HTML presentations. It prioritizes a 'show, don't tell' approach by generating visual previews for style selection and strictly enforces viewport-safe designs to ensure a seamless, non-scrolling experience across devices. Whether building a pitch deck, a technical workshop, or a conference talk, this skill provides the CSS foundations, navigation controllers, and animation triggers necessary for a polished, browser-based delivery without requiring external libraries.

主要功能

01Strict viewport-fit enforcement with responsive clamp() scaling

022 GitHub stars

03Interactive visual style discovery through rapid slide prototyping

04Intelligent PowerPoint (.pptx) conversion and asset extraction

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

06Zero-dependency HTML generation with inline CSS and JavaScript

使用场景

01Creating self-contained technical workshops with embedded code and animations

02Converting legacy PowerPoint decks into modern, web-ready interactive formats

03Rapidly prototyping and building high-stakes pitch decks and conference slides

主要功能

01Strict viewport-fit enforcement with responsive clamp() scaling

022 GitHub stars

03Interactive visual style discovery through rapid slide prototyping

04Intelligent PowerPoint (.pptx) conversion and asset extraction

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

06Zero-dependency HTML generation with inline CSS and JavaScript

使用场景

01Creating self-contained technical workshops with embedded code and animations

02Converting legacy PowerPoint decks into modern, web-ready interactive formats

03Rapidly prototyping and building high-stakes pitch decks and conference slides