kiselas/every-slide-is-code

deck-kit

Presentation decks as code — pitch decks, product launches, idea pitches, board and quarterly reviews, tech talks.

Verwendung

Installationsbefehl kopieren und das Quellpaket vor der Installation in der eigenen Agentenumgebung prüfen.
Benötigte Werkzeuge, Zugangsdaten und Hosts im Original prüfen.
Eingabe und gewünschtes Ergebnis beschreiben und die Ausgabe mit den Quellen abgleichen.

npx skills add https://github.com/kiselas/every-slide-is-code --skill deck-kit

Die Installation umfasst weder Modellabo noch API-Kontingent oder Dateizugriffsrechte.
Sterne und Installationen zeigen Aktivität, keine unabhängige Qualitäts- oder Sicherheitsprüfung.

Originales Skill-Dokument

Aus dem Quell-Repository gerendert; Überschriften, Beispiele, Code, Tabellen, Links und Bilder bleiben erhalten.

any deck: 01-runtime.md, 03-story.md, 04-slide-design.md, 12-export-qa.md;
the brief is vague or you are writing a prompt: 02-prompting.md;
animation and builds: 05-motion.md;
transitions between slides: 06-transitions.md;
numbers and charts: 07-charts.md;
flows, architecture, timelines, matrices: 08-diagrams.md;
titles, big numbers, text treatment: 09-typography.md;
a background world that lives behind all slides: 10-stage.md;
rehearsal, presenter view, the room: 11-presenting.md;
smoothness, battery, heavy slides: 13-performance.md.

Start every deck from template/deck.html (node scripts/sync-runtime.mjs --new my-deck.html), or copy the template and paste runtime/deck.css and runtime/deck.js into its two marked slots.
Show the plan as data first: the storyline (one sentence per slide), the style, and which slides carry a chart, a diagram or a transition with a meaning. Then write code.
After every version run node export/deck.mjs check and node export/deck.mjs sheet, look at the sheet yourself and fix by slide and step number (4.1, not "the chart slide"). Before handing over, also run check --timeline, check --no-webfonts and perf.