ejbo

Deck Editor Skill — Development skill for Claude Code

Development community

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

How to install Deck Editor Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open ejbo/deck-editor-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Deck Editor Skill does

Slides that ship as one HTML file — and edit themselves. A Claude Code skill: 1280x720 decks that print to 16:9 PDF with a full WYSIWYG editor inlined, so the recipient can edit and save without PowerPoint.

Alternatives in Development

Stakeholder Map — Build stakeholder maps with power/interest grid and comms plan 7.8k ★
Frontend Slides Editable — Editable HTML presentation skill for Codex/Claude Code with drag-resize editing, slide reordering, local save/ 466 ★
Marp Slides — MARP presentation skill for Claude Code — 22 curated example decks, SVG charts, dark/light themes, dashboard c 296 ★

README

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)

![The editor in object mode, with the inspector panel open](docs/editor-object.png)

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