Skip to content

Add skill: editable-html-slides (in-browser WYSIWYG editor for HTML decks)#46

Open
rossyao2022 wants to merge 1 commit into
block:mainfrom
rossyao2022:add-editable-html-slides
Open

Add skill: editable-html-slides (in-browser WYSIWYG editor for HTML decks)#46
rossyao2022 wants to merge 1 commit into
block:mainfrom
rossyao2022:add-editable-html-slides

Conversation

@rossyao2022

Copy link
Copy Markdown

Add skill: editable-html-slides

A zero-dependency, in-browser WYSIWYG editor that bolts onto any HTML slide
deck — so a deck stays editable after an agent generates it, without a build step
or framework.

What it does

  • ✏️ Inline text editing (click any heading/paragraph/list item and type)
  • 🖼 Add images (local file as data URL, or paste) · 🔤 add text boxes
  • ✋ Drag / resize / delete added objects
  • ↶ Undo / redo (snapshot history) · ▦ reorder slides via a draggable filmstrip
  • 💾 Autosave to localStorage · ⬇ export a clean standalone HTML
  • Non-edit mode is unchanged — still presentable (preserves presenter view + speaker notes)

Notes for review

  • No dependencies: plain ES5-ish JS + CSS, runs from file://. No Node, npm, build, or network.
  • Self-contained in editable-html-slides/ with SKILL.md, assets/ (the editor),
    scripts/inject.py (idempotent injector), examples/ (self-contained EN + ZH demos),
    references/, and LICENSE (MIT).
  • Works with html-ppt / reveal-style decks and any deck using the .slide / .is-active convention.
  • Source repo: https://github.com/rossyao2022/editable-html-slides

Try it: open editable-html-slides/examples/demo.html and press E.

@github-actions

github-actions Bot commented Jun 11, 2026

Copy link
Copy Markdown

✅ Validate Skills — PASSED

Summary: FAIL=0 · WARN=0
Changed skill dirs: editable-html-slides

Output (last 200 lines)

✅ Found 8 skill directories.
✅ api-setup: structure validated
✅ beads: structure validated
✅ code-review: structure validated
✅ editable-html-slides: structure validated
✅ frontend-design: structure validated
✅ goose-blog-post: structure validated
✅ rp-why: structure validated
✅ testing-strategy: structure validated

Structure validation PASSED.

@github-actions

github-actions Bot commented Jun 11, 2026

Copy link
Copy Markdown

🛡️ Skills Security Scan — WARN

Summary: FAIL=0 · WARN=1 · FILES=7
Changed skills scanned: editable-html-slides

⚠️ WARN requires investigation + CODEOWNERS review.

⚠️ Warnings

editable-html-slides

  • content:entropy-high-fileeditable-html-slides/assets/editor.js:1
/* editor.js — self-contained WYSIWYG layer for claude-edit-skill

Notes: This comment auto-updates on each push to keep PRs clean.

@rossyao2022 rossyao2022 force-pushed the add-editable-html-slides branch 2 times, most recently from a655d44 to b38d473 Compare June 11, 2026 02:09
A zero-dependency in-browser WYSIWYG editor that bolts onto any HTML slide
deck: inline text edit, add images, drag/resize/delete, undo/redo, filmstrip
slide reorder, localStorage autosave, and clean standalone HTML export.
Works with html-ppt/reveal decks and any .slide/.is-active deck. No Node/build.

Signed-off-by: rossyao2022 <rossyao2022@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant