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.