Can I convert existing PowerPoint files into HTML?

Yes, the skill uses Python libraries like python-pptx to extract text, images, and speaker notes from .ppt and .pptx files to generate interactive HTML versions.

Are the presentations mobile-friendly?

Yes, the skill enforces strict viewport-safe rules and includes touch/swipe navigation support to ensure the slides work perfectly on tablets and mobile devices.

What happens if my content is too long for one slide?

The skill follows a strict 'no-scroll' rule. If content exceeds the viewport, it is automatically split into multiple slides to maintain readability and design integrity.

Does the generated presentation require an internet connection?

By default, the skill creates self-contained HTML files with inline CSS and JS. While it may use Google Fonts for typography, the core functionality is designed to work offline.

How does visual style exploration work?

Instead of asking for abstract style preferences, the skill generates three distinct single-slide previews. You can then choose the look you like best or mix elements from each.

Frontend Slides

Name: Frontend Slides
Author: oabdelmaksoud

byoabdelmaksoud

0•

Herramientas de Diseño

Generates zero-dependency, animation-rich HTML presentations from scratch or PowerPoint files with a focus on visual discovery.

Frontend Slides is a specialized capability for Claude that streamlines the creation of high-performance HTML presentation decks. It moves beyond generic templates by offering a visual exploration workflow, allowing users to choose from distinct aesthetic previews before generating the full deck. The skill enforces strict 'no-scroll' viewport-safe CSS, handles PPT/PPTX to HTML conversion via Python, and includes built-in navigation logic for keyboard, touch, and scroll inputs to ensure production-grade results that run natively in any modern browser.

Características Principales

01Viewport-safe responsive layouts using fluid typography and scaling

02Zero-dependency single-file HTML output with inline CSS and JS

03Visual style discovery with automated aesthetic preview generation

040 GitHub stars

05Automated PPT/PPTX content extraction and conversion to web format

06Integrated navigation controls for keyboard, touch, and mouse wheel

Casos de Uso

01Designing unique, animation-heavy visual themes for technical workshops

02Converting corporate PowerPoint decks into modern, interactive web-based slides

03Rapidly prototyping high-impact conference presentations from raw notes or outlines

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/superclaw frontend-slides

For use in Claude.ai and ChatGPT

Características Principales

01Viewport-safe responsive layouts using fluid typography and scaling

02Zero-dependency single-file HTML output with inline CSS and JS

03Visual style discovery with automated aesthetic preview generation

040 GitHub stars

05Automated PPT/PPTX content extraction and conversion to web format

06Integrated navigation controls for keyboard, touch, and mouse wheel

Casos de Uso

01Designing unique, animation-heavy visual themes for technical workshops

02Converting corporate PowerPoint decks into modern, interactive web-based slides

03Rapidly prototyping high-impact conference presentations from raw notes or outlines

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/superclaw frontend-slides

For use in Claude.ai and ChatGPT