Does the generated presentation require an internet connection?

No, the skill generates self-contained files that run locally in any browser, although it may optionally link to Google Fonts or Fontshare for typography.

How does the PowerPoint conversion work?

It uses the python-pptx library to extract text, images, and speaker notes from .pptx files, then maps that content to a modern, responsive HTML layout.

Is the output mobile-friendly?

Yes, the skill enforces viewport-safe CSS and includes touch and swipe navigation specifically for mobile and tablet devices.

Can I use my own images in the presentations?

Yes, the skill can handle user-supplied images and will organize them into a local assets folder or embed them as needed.

Does it support animations?

Absolutely. It includes a presentation controller that uses Intersection Observer for reveal-on-enter animations and supports reduced-motion settings for accessibility.

Frontend Slides

Name: Frontend Slides
Author: affaan-m

byaffaan-m

•

112,919

•

设计工具

Creates professional, animation-rich HTML presentations from scratch or PowerPoint files with a zero-dependency, viewport-safe approach.

Frontend Slides is a specialized Claude Code skill designed to build high-performance, single-file HTML presentations that run entirely in the browser. It prioritizes a 'show, don't tell' visual exploration workflow, allowing users to choose from distinctive design presets instead of answering abstract questionnaires. Whether you are converting existing .pptx files or crafting a pitch deck from scratch, the skill ensures every slide fits perfectly within the viewport, includes smooth reveal animations, and supports keyboard, touch, and mouse navigation without requiring external libraries or heavy frameworks.

主要功能

01Zero-dependency, self-contained HTML/CSS/JS presentation files

02Visual style exploration via auto-generated preview files

03Automated PPTX to HTML conversion using Python-based extraction

04Built-in support for keyboard, touch, and motion-reduced navigation

05112,919 GitHub stars

06Viewport-safe design system that eliminates internal slide scrolling

使用场景

01Converting legacy PowerPoint decks into modern, web-based presentations

02Building high-stakes pitch decks with custom typography and fluid motion

03Creating educational workshop slides that are easy to share as a single file

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