explaingit

lewislulu/html-ppt-skill

Analysis updated 2026-07-03

3,676HTMLAudience · vibe coderComplexity · 2/5Setup · easy

TLDR

A browser-based HTML presentation builder with 36 themes, 31 slide layouts, and 15 full-deck templates. Install it as an AI agent skill and create polished slide decks from plain-language requests, output is a self-contained HTML file anyone can open without installing anything.

Mindmap

mindmap
  root((html-ppt-skill))
    What it does
      Browser-based slides
      Self-contained HTML output
      AI agent integration
    Themes and Layouts
      36 visual themes
      31 slide layouts
      15 full-deck templates
    Animations
      27 CSS effects
      20 canvas effects
    Tools
      Presenter mode
      Shell scaffolder
      PNG export
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Build a pitch deck from a plain-language request using an AI assistant with html-ppt-skill installed as a skill

USE CASE 2

Create a branded presentation by choosing from 36 visual themes including minimal, cyberpunk, and Tokyo night

USE CASE 3

Scaffold a new deck from the command line and export slides as PNG images using headless Chrome

USE CASE 4

Run presenter mode to get synchronized speaker notes, next-slide preview, and a timer during a live talk

What is it built with?

HTMLCSSJavaScript

How does it compare?

lewislulu/html-ppt-skilldavidstutz/bootstrap-multiselectmciastek/sal
Stars3,6763,6783,692
LanguageHTMLHTMLHTML
Setup difficultyeasyeasyeasy
Complexity2/51/51/5
Audiencevibe coderdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

In plain English

HTML PPT Studio is a collection of templates and tools for building presentation slide decks using plain HTML, CSS, and JavaScript. The output runs entirely in a browser with no build step required, which means the finished deck is a self-contained HTML file that anyone can open and view without installing any software. The library is designed to be installed as an "AgentSkill," which is a plugin that AI agent tools can call on your behalf. Once installed, an AI assistant can create a polished presentation from a plain-language request, choosing from the available themes and layouts automatically. The content breaks down into several categories. There are 36 visual themes covering styles from minimal white and soft pastel to cyberpunk neon, Tokyo night, and academic paper. There are 31 individual page layout templates covering common slide types: title slides, bullet lists, two and three column layouts, timelines, code blocks, charts, comparison tables, and others. Fifteen full-deck templates provide complete multi-slide presentations for scenarios like pitch decks, product launches, weekly reports, and tech talks. For animation, there are 27 CSS-based effects and 20 canvas-based effects for more visually intense transitions like particle bursts, fireworks, matrix rain, and force-directed graph animations. A presenter mode is built in and opens when you press S during a presentation. It shows a separate window with the current slide, a preview of the next slide, speaker notes, and a timer. The two windows stay synchronized without page reloads. For users who want to create decks manually rather than through an AI agent, a shell script scaffolds a new deck from the base template, and separate showcase HTML files let you browse all themes, layouts, and animations in a live preview. A headless Chrome script is included for rendering slides to PNG images.

Copy-paste prompts

Prompt 1
Using html-ppt-skill, create a 10-slide pitch deck for a SaaS product with a cyberpunk neon theme, including a title slide, problem/solution, timeline, and comparison table.
Prompt 2
Set up html-ppt-skill as an AgentSkill in my AI assistant and ask it to generate a weekly team report presentation with a minimal white theme.
Prompt 3
Use html-ppt-skill's shell script to scaffold a new deck from the base template and customize it to use the two-column and code-block slide layouts.
Prompt 4
Add a particle burst canvas animation to the slide transitions in my html-ppt-skill deck and preview all 20 available canvas effects.
Prompt 5
Generate a full product launch deck using html-ppt-skill from a one-paragraph description of my app and open it directly in the browser.

Frequently asked questions

What is html-ppt-skill?

A browser-based HTML presentation builder with 36 themes, 31 slide layouts, and 15 full-deck templates. Install it as an AI agent skill and create polished slide decks from plain-language requests, output is a self-contained HTML file anyone can open without installing anything.

What language is html-ppt-skill written in?

Mainly HTML. The stack also includes HTML, CSS, JavaScript.

How hard is html-ppt-skill to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is html-ppt-skill for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub lewislulu on gitmyhub

Verify against the repo before relying on details.