kiselas

Every Slide Is Code — Development skill for Claude Code

Development community

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.

Teaser of the demo deck: a scale read-out tares to zero, the camera feeds down a receipt, bars and lines build, the receipt is torn off, a device morphs into a diagram, a zoom dives into a printed prep ticket

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: MIT](https://img.shields.io/badge/license-MIT-black)](LICENSE) [![Agent Skill: Claude · Codex · ChatGPT](https://img.shields.io/badge/Agent_Skill-Claude_·_Codex_·_ChatGPT-d97757)](SKILL.md) ![HTML · SVG · PDF · PPTX](https://img.shields.io/badge/HTML_·_SVG_·_PDF_·_PPTX-1d3557)

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,