Every Slide Is Code — Development skill for Claude Code
Every slide is code: an Agent Skill for Claude Code, Codex and ChatGPT that builds presentations as one HTML file.
How to install Every Slide Is Code
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open kiselas/every-slide-is-code and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Every Slide Is Code does
Every slide is code: an Agent Skill for Claude Code, Codex and ChatGPT that builds presentations as one HTML file. Animated charts and diagrams, cinematic transitions, presenter view, PDF/PPTX export and a linter.
Alternatives in Development
- HTML Ppt Skill — HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML present 8.1k ★
- Octo Docs — Document delivery with export to PPTX, DOCX, PDF formats 2.8k ★
- Astro — Astro 5.x components, routing, collections, i18n, SEO, Tailwind, React islands, transitions 2.6k ★
README
deck-kit
**Every slide is code.** A kit an AI agent follows to build presentations as code:
pitch decks, product launches, proposals and talks with animated charts, diagrams and cinematic transitions,
in one HTML file, with a presenter view and PDF / PPTX exports.
No templates, no images: the whole deck is one HTML file that computes every frame.
▶ Open it live in your browser · source: examples/demo/deck.html · storyline: examples/demo/SCRIPT.md
[](LICENSE) [](SKILL.md) 
Why
Ask a model for a presentation and you get the same deck every time: a dark gradient, three icon cards, bullet lists, topic titles like "Market", charts from a library with a legend nobody reads, and a fade between every slide. Or you get a .pptx that looks like 2012.
deck-kit is a set of rules and recipes that closes those gaps, plus a small runtime. The architectural idea: **the deck is a pure function of `(slide, step, t)`**. Everything follows from it:
- one source, every format. The HTML deck animates; its rest frames become a vector PDF and a PPTX with speaker notes; its timeline becomes a GIF or MP4;
- exact jumps.
#7.2, the overview, presenter view and the clicker land on a precise state with no replay; - checks a machine can run. Every rest frame,
Related Skills
Claude Skill Academic Ppt
Claude Code skill for generating academic defense presentations (.pptx) from LaTeX/PDF — dual-engine figures (
Frontend Slides Editable
Editable HTML presentation skill for Codex/Claude Code with drag-resize editing, slide reordering, local save/
Video To Deck
Turn videos into Marp slide decks (PPTX/PDF/HTML). Local whisper + OCR + optional VLM captions build an eviden
Academic Pptx Skill
A Claude Skill for creating academic presentations (conference talks, seminar slides, thesis defenses, grant b
Deck Motion
A Claude Code skill for animated web presentations that behave like slides. No dependencies, no build.
Add Transitions
Add professional scene transitions to your Remotion video. Choose from fade, slide, wipe, flip, clock-wipe and
Related Agents
Deck
Slide decks and presentations. Use when the request says: "sunum", "slayt", "deck", "slides", "presentation",
Courseware Developer
Use this agent to build training and teaching materials — interactive HTML courseware slide decks, animated fl
Presenter Agent
Creates presenter objects using SimpleDelegator for clean view formatting and display logic. Use when extracti