Does it support animations?

Yes, it includes a presentation controller that uses Intersection Observer for reveal-on-enter animations and supports custom CSS transitions.

How does the visual exploration feature work?

Claude generates three different single-slide design previews in a temporary directory, allowing you to choose or mix styles before generating the full presentation.

Can I convert my existing PowerPoint files?

Yes, the skill uses Python and the python-pptx library to extract content from .ppt and .pptx files and convert them into interactive HTML decks.

Is the output mobile-friendly?

Yes, the skill enforces viewport-safe CSS, uses fluid scaling for text, and includes touch/swipe navigation triggers for mobile and tablet devices.

Do these presentations require a web server?

No, the skill defaults to creating a single, self-contained HTML file with inline CSS and JS that runs locally in any modern browser without external dependencies.

Frontend Slides

Name: Frontend Slides
Author: saar120

bysaar120

0•

Herramientas de Diseño

Creates animation-rich, zero-dependency HTML presentations with a focus on distinctive design and mandatory viewport-safe layouts.

This skill enables Claude to build professional-grade, browser-based presentations that require no external dependencies or external libraries. It supports creating decks from scratch, converting existing PowerPoint (.ppt/.pptx) files into web formats, and enhancing existing HTML slides. By utilizing a visual exploration workflow, it generates design previews to help users find their aesthetic before building the full deck. Every slide is strictly enforced to fit within the viewport without internal scrolling, ensuring a high-quality experience for pitch decks, conference talks, and workshops.

Características Principales

01Visual style discovery with multi-option design previews

02Mandatory viewport-safe layouts with responsive fluid scaling

03Automated PowerPoint (.pptx) to HTML conversion via Python

04Zero-dependency single-file HTML/CSS/JS output

050 GitHub stars

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

Casos de Uso

01Creating responsive, accessible workshop slides that run in any web browser

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

03Rapidly prototyping high-fidelity pitch decks with custom typography and motion

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

Características Principales

01Visual style discovery with multi-option design previews

02Mandatory viewport-safe layouts with responsive fluid scaling

03Automated PowerPoint (.pptx) to HTML conversion via Python

04Zero-dependency single-file HTML/CSS/JS output

050 GitHub stars

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

Casos de Uso

01Creating responsive, accessible workshop slides that run in any web browser

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

03Rapidly prototyping high-fidelity pitch decks with custom typography and motion

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