kiselas/every-slide-is-code

deck-kit

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

Cómo usar

Copia el comando y revisa el paquete antes de instalarlo en tu entorno de agente.
Consulta las herramientas, credenciales y entornos necesarios en el documento original.
Describe las entradas y el resultado deseado; contrasta la salida con las fuentes.

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

La instalación no incluye suscripción al modelo, cuota API ni permisos sobre tus archivos.
Las estrellas e instalaciones reflejan actividad, no una prueba independiente de calidad o seguridad.

Documento original del Skill

Contenido del repositorio de origen con títulos, ejemplos, código, tablas, enlaces e imágenes preservados.

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.