frontend-slides

Generate self-contained HTML presentations with inline CSS and JS.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/ninyawee/dotfiles --skill frontend-slides-ninyawee
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/ninyawee/dotfiles/tree/main/dot_claude/skills/frontend-slides
Command: npx skills add https://github.com/ninyawee/dotfiles --skill frontend-slides-ninyawee

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users create professional, animation-rich HTML presentations quickly, either from scratch or by converting existing PowerPoint files, making slide creation accessible and visually engaging.

Core Features & Use Cases

  • HTML Presentation Generation: Build zero-dependency, self-contained HTML presentations with inline CSS and JS.
  • PPT/PPTX Conversion: Convert PowerPoint files into web-based slide decks.
  • Style Exploration: Assists users in discovering aesthetic preferences through visual previews rather than abstract choices.
  • Use Case: You need to create a presentation for a product launch and want it to look modern and engaging without dealing with complex design software.

Quick Start

Use the frontend-slides skill to create a new presentation about the future of AI.

Frequently Asked Questions about frontend-slides

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert a PPTX file to an HTML presentation with animations?

Converting PPTX files to HTML presentations involves transforming PowerPoint slides into self-contained web-based decks. The process generates inline CSS and JavaScript, preserving animation-rich visuals without requiring external dependencies.

How to create a self-contained HTML presentation with CSS and JS animations?

Creating self-contained HTML presentations involves generating HTML files with inline CSS and JavaScript animations. This approach ensures the slide deck is entirely self-contained with zero external dependencies, fitting the viewport perfectly.

Can I build a zero-dependency HTML slide deck that fits any viewport?

Yes, you can build zero-dependency HTML slide decks designed to fit the viewport perfectly. These presentations are entirely self-contained with inline styling and scripts, adhering to strict non-negotiables for production-quality code.

What is the best way to explore visual styles for an HTML presentation?

The best way to explore visual styles is through a visual exploration workflow that provides style discovery via visual previews. This method helps you discover aesthetic preferences directly rather than relying on abstract design choices.

Do I need any external libraries to generate animation-rich HTML slides?

No, you do not need external libraries to generate animation-rich HTML slides. The presentation generation strictly adheres to zero dependencies, embedding all required JavaScript and CSS directly within the HTML file.

Why should I use HTML for presentations instead of traditional PPT files?

Using HTML for presentations instead of traditional PPT files provides visually distinctive, animation-rich slides that are entirely self-contained and viewport-fitting. This approach eliminates complex design software needs while ensuring production-quality code.