From 15fb85f05b3092b00e5a4eb181227339fe1af679 Mon Sep 17 00:00:00 2001 From: lewis Date: Sat, 18 Apr 2026 02:31:21 +0800 Subject: [PATCH] docs: add presenter mode section + Chinese README MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit README.md: - Update subtitle to mention 15 full-decks (was 14) and presenter mode - Add 中文文档 link pointing to README.zh-CN.md - New '🎤 Presenter Mode (new!)' section near top with the 4-card screenshot explaining magnetic cards, pixel-perfect iframe previews, no-flicker postMessage navigation, and the 3 golden rules of 逐字稿 - Skills table now includes presenter mode as first row - Full-decks list updated from 14 to 15 with presenter-mode-reveal entry - Keyboard cheat sheet: S=presenter window, N=notes drawer, R=timer reset, ?preview=N URL param README.zh-CN.md (new): - Full Chinese translation parallel to README.md - Emphasizes the presenter mode launch as the headline feature - All 36 themes / 15 decks / 47 animations / 31 layouts described - Same structure and visual assets as the English version docs/readme/presenter-mode.png: - 2536×1614 screenshot of the actual presenter window showing all 4 cards (CURRENT/NEXT/SPEAKER SCRIPT/TIMER) in action with a real slide loaded --- README.md | 58 ++++++-- README.zh-CN.md | 238 +++++++++++++++++++++++++++++++++ docs/readme/presenter-mode.png | Bin 0 -> 515363 bytes 3 files changed, 286 insertions(+), 10 deletions(-) create mode 100644 README.zh-CN.md create mode 100644 docs/readme/presenter-mode.png diff --git a/README.md b/README.md index 8ceb981..fe3b522 100644 --- a/README.md +++ b/README.md @@ -1,16 +1,48 @@ # html-ppt — HTML PPT Studio > A world-class AgentSkill for producing professional HTML presentations in -> **36 themes**, **14 full-deck templates**, **31 page layouts**, and -> **47 animations** (27 CSS + 20 canvas FX) — all pure static HTML/CSS/JS, no -> build step. +> **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](README.zh-CN.md) ![html-ppt — cover with live previews](docs/readme/hero.gif) -> One command installs **36 themes × 20 canvas FX × 31 layouts × 14 full decks = 101 PPT skills**. Every preview above is a live iframe of a real template file rendering inside the deck — no screenshots, no mock-ups. +> 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](docs/readme/presenter-mode.png) + +**Why previews are pixel-perfect:** each card is an `