Is coding knowledge required to style the slides?

The skill features a 'visual exploration' workflow that generates multiple style previews based on your desired mood, allowing you to choose a look without writing CSS.

Does it support animations and transitions?

Yes, it includes built-in reveal-on-enter animations powered by Intersection Observer and provides smooth, hardware-accelerated transitions between slides.

How does it handle slide layouts on different screens?

It enforces a strict 'viewport fit' rule using fluid typography and CSS clamp(), ensuring every slide fits perfectly on any screen size without internal scrolling.

Can I convert existing PowerPoint files?

Yes, the skill uses Python-based extraction to convert .ppt and .pptx files into clean, semantic HTML slides while preserving your original content and speaker notes.

Do the presentations require an internet connection to run?

No, the skill defaults to generating a single, self-contained HTML file with inline CSS and JS, ensuring your deck works offline and is completely portable.

Frontend Slides

Name: Frontend Slides
Author: nbossn

bynbossn

0•

设计工具

Generates high-performance, animation-rich HTML presentations with a focus on visual storytelling and zero-dependency portability.

Frontend Slides is a specialized tool for creating stunning, zero-dependency HTML presentations that run natively in any browser. It bridges the gap between static content and high-end motion design by offering visual style exploration, automated viewport-fit enforcement, and seamless conversion from PowerPoint files. Designed for developers and non-designers alike, it ensures every deck is responsive, accessible, and distinct from generic templates through custom CSS animations, refined typography, and built-in navigation controllers that handle keyboard, touch, and scroll inputs.

主要功能

01PowerPoint (PPT/PPTX) conversion using Python-based extraction

020 GitHub stars

03Mandatory viewport-fit enforcement to eliminate internal slide scrolling

04Zero-dependency, single-file HTML/CSS/JS generation for maximum portability

05Interactive visual style previews to help users select aesthetic preferences

06Built-in keyboard, touch, and mouse wheel navigation with reveal animations

使用场景

01Creating high-impact conference talk or pitch decks directly from code

02Prototyping visual presentation styles through rapid, single-slide previews

03Converting legacy PowerPoint presentations into modern, web-based formats

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nbossn/claude-code-base frontend-slides

For use in Claude.ai and ChatGPT

主要功能

01PowerPoint (PPT/PPTX) conversion using Python-based extraction

020 GitHub stars

03Mandatory viewport-fit enforcement to eliminate internal slide scrolling

04Zero-dependency, single-file HTML/CSS/JS generation for maximum portability

05Interactive visual style previews to help users select aesthetic preferences

06Built-in keyboard, touch, and mouse wheel navigation with reveal animations

使用场景

01Creating high-impact conference talk or pitch decks directly from code

02Prototyping visual presentation styles through rapid, single-slide previews

03Converting legacy PowerPoint presentations into modern, web-based formats

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nbossn/claude-code-base frontend-slides

For use in Claude.ai and ChatGPT