generate-html-pptlisted

# HTML PPT Generation Skill When the user requests an HTML presentation or PPT, follow these instructions to create it. ## Overview Presentations are generated using a **Design System Specification (`design.md`)** architecture combined with **Progressive Disclosure**. Rather than relying on rigid, hardcoded HTML templates, visual styles are authored as comprehensive design recipes specifying fonts, color palettes, elevation shadows, typography scales, layout rules, and animation patterns. ### Core Principles 1. **Design System Specification (`design.md`) Architecture**: Access over 34+ distinct aesthetic design recipes (e.g., Beautiful Modern, Swiss International, Cyberpunk Dark, 8-Bit Orbit, Emerald Editorial, Neo Grid, Monochrome, Retro Zine) defined in `designs/bold-template-pack/` and `designs/STYLE_PRESETS.md`. 2. **Progressive Disclosure**: High token efficiency. First read `designs/bold-template-pack/selection-index.json` to match styles based on text metadata. Only after the style is chosen, read that specific template's single `design.md` file to construct the presentation. 3. **Fixed 16:9 Stage (NON-NEGOTIABLE)**: Every slide canvas is authored inside a 1920×1080 stage scaled uniformly to the viewport using JavaScript (`updateScale()`). Content never reflows per device. 4. **Seamless Viewport Rule (视口无缝融合规范)**: All presentations must use CSS variables (`--viewport-bg`) on `body` / `.deck-viewport` and dynamic JavaScript (`updateViewportBg()`) to synchronize the