← ClaudeAtlas

write-decklisted

Write a self-contained, dual-mode HTML presentation (one file, no build, no network — present mode + reference mode, inline SVG diagrams), and optionally export it to PowerPoint. Use when the user asks for "a deck", "a presentation", "slides", "a talk", or wants an existing deck updated or converted to .pptx.
dsivov/ONBOARDING · ★ 0 · Data & Documents · score 72
Install: claude install-skill dsivov/ONBOARDING
# write-deck — a self-contained HTML presentation Produce a **single `.html` file** that needs nothing but a browser: inlined CSS and JS, inline SVG diagrams, no CDN, no webfont link, no remote image. It opens from a USB stick, from a laptop with no wifi, and from a hotel projector. Template: `templates/DECK.template.html` (copied into the project by `/new-project`; fall back to the ONBOARDING repo if absent). Its header comment is the full slide vocabulary — read it before writing, and keep it in the file while drafting. ## The format, and why it's this one **Two modes in one file**, toggled top-right or with `R`: | Mode | For | Behaviour | |------|-----|-----------| | **Present** | walking an audience through it | one slide at a time · `←` `→` `space` `PageUp/Dn` `Home` `End` · `O` overview grid · `F` fullscreen | | **Reference** | finding one thing fast, live | every slide stacked · sticky TOC with scrollspy · `Ctrl+F` works | The mode persists in `localStorage`; `#s07` anchors deep-link; **Print → Save as PDF** exports every slide one per page. The TOC and the overview grid are **built by the script** from the sections — never hand-maintain a contents list. ## Write 1. Copy the template. Replace `{{TITLE}}`, `{{SUBTITLE}}`, `{{ONE_LINE_DESCRIPTION}}`, delete the three example slides. 2. Each slide is one section — that is the whole API: ```html <section class="slide" data-grp="Group shown in the TOC" data-t="Title in the TOC"> ``` `data-grp` opens a