Deck Editor Skill

html-deck-editor

**Slides that ship as one HTML file — and edit themselves.**

A [Claude Code](https://claude.com/claude-code) skill for producing presentations as a single self-contained HTML file: 1280×720 slides that print to a 16:9 PDF and carry a full WYSIWYG editor inside them. The person you hand the deck to opens it in a browser, fixes the wording, drags a chart into place, pastes a screenshot, presses `Ctrl+S`, and is done — without you, without PowerPoint, without installing anything.

[中文说明](README.zh-CN.md)


---

Why

Generating a deck with an agent has an awkward last mile. The agent produces something close, and then every small fix — a wrong number, a box two centimetres too far left, a screenshot that arrived after the fact — costs another round trip.

`.pptx` output doesn't solve it: it's a snapshot the recipient has to open in PowerPoint and hope the fonts survived. Reveal.js and Marp are presentation runtimes, not editors.

This skill makes the artefact and the tool the same file. The deck is plain HTML you can generate, diff and template. The editor is inlined into it, so a double-click on a `file://` URL gives you the full thing — no server, no build step, no install.

What you get

Two-mode editing	Text mode types where you click. Object mode selects and drags. Hold Alt to borrow object mode for a moment without leaving your text.
Real undo	Per-slide snapshots taken before each change; typing coalesces into one step per burst; IME composition is a single step. Caret, scroll and selection are restored. Everything is undoable.
Drag anything	Any box, table, SVG chart or card can be dragged. The first drag lifts it out of the flow and leaves a spacer, so nothing else reflows — and Return to flow puts it back exactly.
Snapping and guides	Snaps to other elements and to slide centre lines, with