Can I convert existing PowerPoint files?

Yes, the skill can utilize Python's python-pptx library to extract text and assets from .ppt and .pptx files and transform them into interactive HTML slides.

Does it support accessibility features?

Yes, it generates semantic HTML, maintains readable contrast, supports keyboard-only navigation, and respects prefers-reduced-motion settings.

Is it possible to customize the visual style?

Absolutely. The skill includes a visual exploration phase that generates three unique design previews based on your desired 'mood' before building the full presentation.

How does it handle different screen sizes?

It enforces mandatory viewport-fit rules using CSS clamp() and fluid scaling to ensure slides look perfect on everything from mobile phones to 4K projectors without internal scrolling.

Does this skill require external libraries like Reveal.js?

No, the skill defaults to generating zero-dependency, self-contained HTML files with inline CSS and JS for maximum portability and performance.

Frontend Slides

Name: Frontend Slides
Author: affaan-m

byaffaan-m

•

112,919

•

디자인 도구

Generates zero-dependency, high-performance HTML presentations and pitch decks with rich animations and viewport-safe layouts.

Frontend Slides is a specialized Claude Code skill designed to transform ideas or PowerPoint files into stunning, browser-native presentations. It prioritizes a 'show, don't tell' approach by providing visual style previews, ensuring every slide fits perfectly within the viewport using modern CSS techniques like clamp() and fluid typography. By enforcing zero external dependencies and high accessibility standards, it allows developers and non-designers alike to create professional, interactive decks that run anywhere without the bloat of traditional presentation software.

주요 기능

01Mandatory viewport-safe layouts using fluid typography and CSS clamp.

02Zero-dependency single-file HTML/CSS/JS output for maximum portability.

03Automated PPT/PPTX to HTML conversion using Python extraction.

04112,919 GitHub stars

05Visual style exploration with three unique, high-fidelity design previews.

06Built-in interactive controller for keyboard, touch, and scroll navigation.

사용 사례

01Rapidly prototyping a pitch deck or workshop slides directly from rough developer notes.

02Creating high-performance conference talk decks with integrated code snippets and custom motion.

03Converting static PowerPoint decks into modern, interactive web-based presentations.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add affaan-m/everything-claude-code frontend-slides

For use in Claude.ai and ChatGPT

Download Skill