render-html-slideslisted

Render a presentation-brief.md (v4.0) into a self-contained HTML slide presentation with speaker notes toggle, keyboard navigation, themed styling, and Mermaid diagram support. After rendering, supports an interactive refinement loop where users can adjust individual slides — text fixes are applied directly to HTML, structural changes trigger a targeted re-render. Use this skill whenever the user mentions "HTML slides", "HTML presentation", "browser presentation", "render slides as HTML", "self-contained slides", "slide deck in browser", "web slides", "present in browser", or wants a presentation without PowerPoint. Also use when the user asks to "open slides in browser", "export slides as HTML", "refine slides", "adjust slide", "fix slide", or says "no PowerPoint". Works with any presentation-brief.md generated by story-to-slides.
cogni-work/insight-wave · ★ 9 · Web & Frontend · score 72

Install: claude install-skill cogni-work/insight-wave

# Render HTML Slides Transform a presentation-brief.md (v4.0) into a stunning, self-contained HTML slide deck that runs in any browser. Themed styling, keyboard navigation, smooth transitions, speaker notes panel, Mermaid diagram rendering, touch swipe support, and print mode — all in a single `.html` file. ## Parameters | Parameter | Default | Description | |-----------|---------|-------------| | `brief_path` | auto-discovered | Path to presentation-brief.md | | `theme` | from brief frontmatter | Path to theme.md (or omit for pick-theme) | | `design_variables` | derived from theme | Pre-computed design-variables.json path | | `output_path` | `{brief_dir}/{slug}-slides.html` | HTML output path | | `transition` | `fade` | Slide transition: `fade`, `slide`, `none` | | `aspect_ratio` | `16:9` | Slide aspect ratio: `16:9`, `4:3` | | `language` | from brief frontmatter | `en` or `de` | | `max_refinements` | `3` | Max refinement rounds after rendering (0 = skip refinement) | ## Execution Protocol ### Phase 0: Brief Discovery & Setup 1. If `brief_path` provided, use it directly 2. Otherwise, glob for `**/presentation-brief.md` (max 3 levels deep) 3. If multiple found, present options via AskUserQuestion 4. Read the brief, validate frontmatter: - `type: presentation-brief` (must match) - `version: "4.0"` (content-only schema) 5. Extract metadata: `theme`, `theme_path`, `language`, `customer`, `provider`, `arc_type`, `governing_thought` **Theme resolution** (3-stage, same