Does this skill require external libraries like Reveal.js?

No, it prioritizes zero-dependency builds, generating a single self-contained HTML file with all necessary CSS and JavaScript included for maximum portability.

Can it convert existing PowerPoint files?

Yes, it can use the python-pptx library to extract content, speaker notes, and assets from .ppt and .pptx files to rebuild them as web presentations.

Are the presentations accessible and mobile-friendly?

Yes, the generated decks use semantic HTML, support touch/swipe navigation, include ARIA roles, and respect user preferences for reduced motion.

How does it ensure slides don't have scrollbars?

The skill treats 'viewport fit' as a mandatory rule, using clamp() for scaling typography and enforcing strict overflow hidden rules on every slide section.

Frontend Slides

Name: Frontend Slides
Author: oabdelmaksoud

byoabdelmaksoud

0•

Design Tools

Generates stunning, zero-dependency HTML presentations and converts PowerPoint files into high-performance, animation-rich web decks.

Frontend Slides is a specialized Claude Code skill designed for creating production-quality, browser-native presentations without the need for external frameworks. It enables users to build visually distinctive talk decks or pitch decks by providing a unique visual exploration workflow that eliminates the need for abstract design choices. Whether starting from rough notes or converting existing PPTX files via Python-based extraction, the skill enforces strict viewport-fit rules to ensure no slide ever requires internal scrolling, resulting in a polished, responsive, and accessible presentation that runs entirely in a single HTML file.

Key Features

01Strict viewport enforcement: Guaranteed 'no-scroll' layout across all device sizes.

02Zero-dependency output: Single self-contained HTML file with inline CSS and JS.

03Automated PPTX conversion: Extracts text, images, and notes from PowerPoint files.

04Comprehensive navigation: Built-in support for keyboard, touch/swipe, and mouse wheel control.

05Visual style exploration: Generates multiple one-slide previews to help users find their aesthetic.

060 GitHub stars

Use Cases

01Creating interactive workshop or conference slides with high-quality typography and motion.

02Transforming a standard corporate PowerPoint into a modern, web-based pitch deck.

03Developing internal tool presentations that run offline in any browser without dependencies.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/superclaw frontend-slides

For use in Claude.ai and ChatGPT

Key Features

01Strict viewport enforcement: Guaranteed 'no-scroll' layout across all device sizes.

02Zero-dependency output: Single self-contained HTML file with inline CSS and JS.

03Automated PPTX conversion: Extracts text, images, and notes from PowerPoint files.

04Comprehensive navigation: Built-in support for keyboard, touch/swipe, and mouse wheel control.

05Visual style exploration: Generates multiple one-slide previews to help users find their aesthetic.

060 GitHub stars

Use Cases

01Creating interactive workshop or conference slides with high-quality typography and motion.

02Transforming a standard corporate PowerPoint into a modern, web-based pitch deck.

03Developing internal tool presentations that run offline in any browser without dependencies.