# HTML Presentations

Authors keyboard-navigable HTML slide decks in many styles from templates.

- Repository: https://github.com/lewislulu/html-ppt-skill (8933 stars)
- Category: Documents
- License: MIT
- Last updated: 2026-09-14
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add lewislulu/html-ppt-skill --skill html-ppt -g -a claude-code -y`
Codex: `npx skills add lewislulu/html-ppt-skill --skill html-ppt -g -a codex -y`
Cursor: `npx skills add lewislulu/html-ppt-skill --skill html-ppt -g -a cursor -y`
Gemini CLI: `npx skills add lewislulu/html-ppt-skill --skill html-ppt -g -a gemini-cli -y`

## Description

HTML PPT Studio, author professional static HTML presentations in many styles, layouts, and animations, all driven by templates. Use when the user asks for a presentation, PPT, slides, keynote, deck, slideshow, "幻灯片", "演讲稿", "做一份 PPT", "做一份 slides", a reveal-style HTML deck, a 小红书 图文, or any kind of multi-slide pitch/report/sharing document that should look tasteful and be usable with keyboard navigation. Triggers include keywords like "presentation", "ppt", "slides", "deck", "keynote", "reveal", "slideshow", "幻灯片", "演讲稿", "分享稿", "小红书图文", "talk slides", "pitch deck", "tech sharing", "technical presentation".

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# html-ppt, HTML PPT Studio

Author professional HTML presentations as static files. One theme file = one
look. One layout file = one page type. One animation class = one entry effect.
All pages share a token-based design system in `assets/base.css`.

## Install

```bash
npx skills add https://github.com/lewislulu/html-ppt-skill
```

One command, no build. Pure static HTML/CSS/JS with only CDN webfonts.

No network on the target machine? Point the CLI at a local copy
(`npx skills add ./html-ppt-skill`), or just copy this folder into your agent's
skills directory, `~/.claude/skills/html-ppt/` for Claude Code. Decks render
offline; only the webfonts fall back to the system stack. See
[README.md](README.md#offline--manual-install).

## What the skill gives you

The rest: https://github.com/lewislulu/html-ppt-skill/blob/HEAD//SKILL.md