RinDig

Lecture Deck Skill — Development skill for Claude Code

Development community

Build animated, themed HTML lecture and workshop decks from a storyboard.

How to install Lecture Deck Skill

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

What Lecture Deck Skill does

Build animated, themed HTML lecture and workshop decks from a storyboard. A Claude skill plus a Python kit with three themes.

Alternatives in Development

HTML Ppt Skill — HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML present 8.1k ★
Petdex — A public gallery of animated pets for Codex, Claude Code, DeepSeek Harness, Hermes, OpenCode, Gemini CLI, and 4k ★
Marp Slides — MARP presentation skill for Claude Code — 22 curated example decks, SVG charts, dark/light themes, dashboard c 296 ★

README

lecture-deck

A skill and toolkit for building animated, themed HTML lecture and workshop decks from a storyboard: one claim per screen, one picture that shows the mechanism, speaker notes that carry the depth, and a mode strip on every screen so the room always knows who has the screen.

Built for live sessions (in a room or on Zoom) with breakouts, share-screen moments and handoffs. One self-contained HTML file per deck: keyboard navigation, notes panel, overview, blackout, print to handout, copy-to-clipboard prompts. Three themes ship; a theme is one JSON file.

![demo screens in three themes](examples/demo/shots/readme-themes.png)

Quick start

git clone https://github.com/RinDig/lecture-deck-skill
cd lecture-deck-skill
python scripts/build_deck.py examples/demo                 # eduba theme
python scripts/build_deck.py examples/demo --theme slate
python scripts/build_deck.py examples/demo --theme paper
python scripts/render.py examples/demo/out/Demo.html       # PNG per screen (needs a Chromium)
python scripts/check_text.py examples/demo/out/Demo.html --dump

Open `examples/demo/out/Demo.html` in a browser. Arrow keys move, N opens the notes, O the overview, B blackout, F fullscreen, Print gives one page per screen.

Start your own deck:

python scripts/new_deck.py decks/session-1 --title "Session one" --theme eduba --left "MY PROGRAMME" --right "SESSION 1"

Then write `storyboard.md`, build the screens in `screens.py`, and run the loop in `reference/workflow.md`.

Using it as a Claude skill

The repo root is the skill: `SKILL.md` plus `reference/`, `scripts/` and `examples/`. Zip the folder (or add it to your skills directory) and ask for a deck. The skill makes Claude write the storyboard first, build the screens against the kit, render every screen to PNG, and run the register check before delivering.