📌 專案簡介
這是 GitHub 上一個備受關注的開源專案,致力於HTML PPT 工作室 with 24 themes, 31 layouts。該專案目前已獲得 2,453 stars,受到開發者社群的廣泛關注。
🔑 主要特色
html-ppt — HTML PPT Studio
> A world-class AgentSkill for producing professional HTML presentations in
> **36 themes**, **15 full-deck templates**, **31 page layouts**,
> **47 animations** (27 CSS + 20 canvas FX), and a **true presenter mode**
> with pixel-perfect previews + speaker script + timer — all pure static
> HTML/CSS/JS, no build step.
**Author:** lewis <sudolewis@gmail.com>
**License:** MIT
**中文文档:** README.zh-CN.md
!html-ppt — cover with live previews
> One command installs **36 themes × 20 canvas FX × 31 layouts × 15 full decks + presenter mode**. Every preview above is a live iframe of a real template file rendering inside the deck — no screenshots, no mock-ups.
🎤 Presenter Mode (new!)
Press `S` on any deck to pop open a dedicated presenter window with four
draggable, resizable **magnetic cards**: current slide, next slide preview,
speaker script (逐字稿), and timer. Two windows stay in sync via
`BroadcastChannel`.
!Presenter mode with 4 magnetic cards
**Why previews are pixel-perfect:** each card is an `
same deck HTML with a `?preview=N` query param. The runtime detects this and
renders only slide N with no chrome — so the preview uses the **same CSS,
theme, fonts and viewport** as the audience view. Colors and layout are
guaranteed identical.
**Smooth (no-reload) navigation:** on slide change, the presenter window
sends `postMessage({type:’preview-goto’, idx:N})` to each iframe. The iframe
just toggles `.is-active` between slides — **no reload, no flicker**.
**Speaker script rules (3 golden):**
1. **Prompt signals, not lines to read** — bold the keywords, separate
transition sentences into their own paragraphs
2. **150–300 words per slide** — that’s the ~2–3 min/page pace
3. **Write it like you speak** — conversational, not written prose
See `references/presenter-mode.md` for the
full authoring gui
📦 安裝與使用
請參考官方 README 文件中的安裝說明。通常的安裝方式包括:
- 克隆專案到本地
- 按照 README 中的指示進行配置
- 運行相關命令啟動專案
🔗 相關連結
💡 想了解更多開源 AI 專案?歡迎持續關注我們的更新!
發佈留言