frontend-slides

Generate zero-dependency HTML slide decks from user input.

Updated Mar 2, 2026
One-click install
npx skills add https://github.com/lKryml/workshopflow --skill frontend-slides-lkryml
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/lKryml/workshopflow/tree/main/slides
Command: npx skills add https://github.com/lKryml/workshopflow --skill frontend-slides-lkryml

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides helps non-designers quickly create production-ready, animation-rich HTML slide decks without tooling or heavy dependencies.

Core Features & Use Cases

  • Zero-dependency HTML slides: single-file decks with inline CSS/JS.
  • PPT/PPTX to web: convert PowerPoint files to slide decks for quick sharing.
  • Visual exploration-driven design: generate previews and styles to help users discover aesthetics and produce ready-to-share decks.

Quick Start

Create a 10-slide presentation about our product with an opening slide, feature overview, and a closing call-to-action.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I convert PPTX to HTML slides for web sharing?

You can convert PPTX to HTML slides by providing your PowerPoint file as input, which generates a zero-dependency, single-file HTML deck with inline CSS and JS for immediate web sharing.

Can I generate an HTML presentation from scratch without any dependencies?

Yes, generating HTML presentations from scratch produces zero-dependency, single-file decks with viewport-friendly typography, animations, and inline CSS and JS without requiring external frameworks.

What is the best way to add animations to existing HTML slides?

Adding animations to existing HTML slides is best handled through the enhancement mode, which validates your current deck and upgrades it with viewport-fitting CSS and rich animations.

Do I need external libraries to create animation-rich presentation decks?

No, creating animation-rich presentation decks requires no external libraries, as the output is a production-ready, single-file HTML document with all CSS and JavaScript inline.

How does the HTML slide generation process handle styling and outlines?

The HTML slide generation process handles styling and outlines by automating visual style previews and structured deck architectures based on your input text and integrated images.