Can I convert existing PowerPoint files with this skill?

Yes, Frontend Slides uses Python libraries to extract content from .ppt and .pptx files and transform them into modern, interactive HTML presentations.

How do I customize the design style?

The skill generates three distinct visual previews based on your desired mood, allowing you to pick or mix elements before the final deck is built.

Will the slides work on mobile devices and different screen sizes?

Yes, it uses responsive scaling and mandatory viewport-fit CSS to ensure every slide is perfectly framed and readable on mobile, tablet, and desktop.

Does the generated presentation require external libraries like Reveal.js?

No, the skill follows a strict zero-dependency rule, creating self-contained HTML files with vanilla CSS and JavaScript for maximum portability.

What kind of animations are included in the decks?

The skill includes Intersection Observer-based reveal animations and smooth transitions that respect user preferences for reduced motion.

Frontend Slides

Name: Frontend Slides
Author: saar120

bysaar120

0•

デザインツール

Generates high-end, animation-rich HTML presentations with zero dependencies and automatic PowerPoint conversion.

Frontend Slides is a specialized Claude Code skill designed to transform ideas, notes, or existing PowerPoint files into stunning, browser-native presentations. It prioritizes a visual-first workflow where users can explore and select design aesthetics through live previews rather than abstract questionnaires. The skill enforces strict production standards, including a 'viewport-fit' rule to prevent internal scrolling, responsive typography scaling, and built-in navigation controllers. Whether you are building a high-stakes pitch deck or a technical workshop, this skill delivers a single, portable, and accessible HTML file that runs perfectly on any device without external frameworks.

主な機能

01Mandatory viewport-fit enforcement to ensure slides never overflow or require scrolling.

02Built-in presentation controller supporting keyboard, touch, and mouse wheel navigation.

03Automated PPT/PPTX conversion using Python to extract text, images, and speaker notes.

04Visual style exploration generating multiple design previews before full deck construction.

05Zero-dependency output delivered as a single, portable HTML file with inline CSS and JS.

060 GitHub stars

ユースケース

01Creating accessible, offline-capable workshop materials that look professional on any screen size.

02Converting legacy PowerPoint decks into modern, web-based interactive presentations.

03Rapidly prototyping high-fidelity pitch decks with custom animations and distinctive branding.

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

主な機能

01Mandatory viewport-fit enforcement to ensure slides never overflow or require scrolling.

02Built-in presentation controller supporting keyboard, touch, and mouse wheel navigation.

03Automated PPT/PPTX conversion using Python to extract text, images, and speaker notes.

04Visual style exploration generating multiple design previews before full deck construction.

05Zero-dependency output delivered as a single, portable HTML file with inline CSS and JS.

060 GitHub stars

ユースケース

01Creating accessible, offline-capable workshop materials that look professional on any screen size.

02Converting legacy PowerPoint decks into modern, web-based interactive presentations.

03Rapidly prototyping high-fidelity pitch decks with custom animations and distinctive branding.