Does this skill require external libraries like Reveal.js?

No, it generates zero-dependency files using vanilla HTML, CSS, and JavaScript. This ensures your presentations are extremely fast, portable, and will work for years without library updates.

How does the skill ensure slides look good on all screens?

It enforces 'Viewport Fitting' rules using CSS clamp() and viewport units (vh/dvh). This guarantees that content never overflows or requires internal scrolling regardless of device size.

Can I convert existing PowerPoint (.pptx) files?

Yes, the skill uses Python-based extraction to pull text, images, and speaker notes from PPTX files and transform them into a responsive web-based format.

How do I choose the design style?

The skill uses a 'Show, Don't Describe' approach. It generates three distinct single-slide previews based on your goals, allowing you to visually pick the aesthetic you prefer before building the full deck.

Is the output accessible for screen readers?

Yes, the skill follows accessibility best practices by using semantic HTML structures (main, section, nav) and supporting prefers-reduced-motion settings.

Frontend Slides Creator

Name: Frontend Slides Creator
Author: affaan-m

byaffaan-m

•

130,863

•

Herramientas de Diseño

Generates high-quality, zero-dependency HTML presentations with rich animations and professional styling directly in the browser.

This skill empowers users to build stunning, production-grade HTML presentations without external dependencies, focusing on visual exploration over abstract style choices. It allows for the seamless conversion of PowerPoint files into web formats, ensures every slide fits perfectly within the viewport, and provides distinctive design presets that move beyond generic templates. Whether for a high-stakes pitch, a technical workshop, or an internal update, it streamlines the creation of responsive, accessible, and performant slide decks that run natively in any modern browser using vanilla web technologies.

Características Principales

01Automated conversion of .ppt and .pptx files into interactive, high-performance web formats.

02130,863 GitHub stars

03Mandatory viewport-safe design principles that eliminate internal scrolling and ensure content fits any screen.

04Visual style exploration workflow that generates three unique 'mood board' previews for user selection.

05Native support for keyboard, touch, and scroll navigation with built-in intersection observer animations.

06Zero-dependency HTML/CSS/JS generation for standalone, portable presentation files.

Casos de Uso

01Rapidly prototyping high-fidelity pitch decks with custom brand aesthetics and interactive elements.

02Creating developer-centric workshop materials that include clean, syntax-highlighted code blocks without overflow.

03Transforming legacy PowerPoint decks into modern, web-accessible presentations for conferences.

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

Características Principales

01Automated conversion of .ppt and .pptx files into interactive, high-performance web formats.

02130,863 GitHub stars

03Mandatory viewport-safe design principles that eliminate internal scrolling and ensure content fits any screen.

04Visual style exploration workflow that generates three unique 'mood board' previews for user selection.

05Native support for keyboard, touch, and scroll navigation with built-in intersection observer animations.

06Zero-dependency HTML/CSS/JS generation for standalone, portable presentation files.

Casos de Uso

01Rapidly prototyping high-fidelity pitch decks with custom brand aesthetics and interactive elements.

02Creating developer-centric workshop materials that include clean, syntax-highlighted code blocks without overflow.

03Transforming legacy PowerPoint decks into modern, web-accessible presentations for conferences.