frontend-slides

Generate zero-dependency HTML slide decks from topics or PPT/PPTX inputs.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser, without requiring external libraries or runtimes.

Core Features & Use Cases

  • Zero dependencies: outputs a self-contained HTML file with inline CSS and JS.
  • PPT/PPTX conversion: supports converting existing PPTX decks into web-ready slides.
  • Production quality: responsive, accessible, and animation-friendly decks suitable for talks, pitches, or workshops.
  • Use Case: quickly generate offline, shareable presentations for conferences or team briefings from topics or existing slide content.

Quick Start

Create a zero-dependency HTML deck from your topic and save it as presentation.html.

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 that runs in the browser?

To convert a PPTX file to an HTML presentation, the Skill processes your existing slide content and outputs a zero-dependency, self-contained HTML file with inline CSS and JS. This web-ready deck runs entirely offline in the browser without external libraries.

Can I generate offline HTML slides without using external libraries or runtimes?

You can generate offline HTML slides without external libraries by creating a self-contained HTML file. The output includes inline CSS and JS, ensuring the presentation runs entirely in the browser with zero dependencies on external runtimes or frameworks.

What is the best way to create browser-based slides for offline workshops?

The best way to create browser-based slides for offline workshops is generating a zero-dependency HTML deck. It produces responsive, accessible, and animation-rich presentations suitable for talks, pitches, and classroom lessons directly from specified topics.

Do I need any external dependencies to run my HTML slide deck?

You do not need any external dependencies to run your HTML slide deck. The Skill generates a self-contained HTML file with all CSS and JavaScript inline, allowing the presentation to run entirely in the browser without requiring external libraries.

How do I add custom styling and animations to an HTML slide deck?

To add custom styling and animations to an HTML slide deck, you can use optional supporting directories to guide styling. The generation process applies production-quality, animation-friendly CSS and JS inline within the single output HTML file.

Can I use this approach for responsive and accessible talks and pitches?

You can use this approach for responsive and accessible talks and pitches. The generated HTML decks are production quality, animation-friendly, and suitable for conferences, team briefings, or classroom lessons without needing external presentation software.