En los propios términos del Skill
Genera un mazo de páginas web con desplazamiento horizontal como un único archivo HTML autocontenido, con fondos hero WebGL, vista de presentador, sincronización con la pantalla del público, notas del ponente, divisores de capítulo, páginas de datos con números grandes y cuadrículas de imágenes. Dos direcciones visuales mutuamente excluyentes: A, Revista Electrónica x E-ink (títulos serif, fondo fluido, tonos cálidos) y B, Estilo Suizo Internacional (todo sans-serif, cuadrícula de 12 columnas, fondos de puntos de cuadrícula, un acento de alto contraste elegido entre IKB, amarillo limón, verde limón o naranja de seguridad).
Las páginas de cuerpo del estilo B deben usar uno de los 22 layouts registrados, S01-S22, etiquetados con data-layout. Para diseñadores y desarrolladores que producen charlas, lanzamientos y demo days y quieren tener el mazo terminado en una sola pasada, sin herramienta de diapositivas.
Qué produce
- Un mazo HTML de un solo archivo con paso de página horizontal, entregado como un documento autocontenido con CSS, shader WebGL, JS de paginación y modo presentador ya conectados.
- Un registro SPEAKER_NOTES generado en el mismo orden que los valores data-slide-id de las diapositivas, que contiene los campos propósito, discurso, transición y, opcionalmente, puesta en escena.
- El esquema, guardado como un archivo markdown junto al mazo para que las iteraciones posteriores tengan algo sobre lo que construir.
Cómo funciona
- 01Comprobar Primero las Actualizaciones Upstream
El skill obtiene el repositorio y calcula cuánto está atrasado HEAD respecto a upstream, y luego pregunta al usuario antes de traer cualquier cambio.
- 02Acordar Siete Preguntas Antes de Escribir
Primero se decide el estilo A o B, luego audiencia y entorno, duración, material fuente, imágenes o capturas de pantalla, paleta del tema y restricciones estrictas.
- 03Copiar la Plantilla Elegida
Copiar assets/template.html para el estilo A o assets/template-swiss.html para el estilo B a la ubicación del mazo y crear la carpeta de imágenes hermana.
- 04Revisar los Nombres de Clase Antes de Empezar
Leer el bloque de estilos de la plantilla antes de escribir cualquier marcado de diapositiva y verificar que cada clase usada esté definida allí.
- 05Planificar el Ritmo del Tema Antes de Elegir los Layouts
Anotar la clase de tema de cada página (hero dark, hero light, light, dark) y alinearla antes de elegir los layouts.
- 06Autoverificar con la Lista de Comprobación
Después de la generación, abrir references/checklist.md y revisarlo elemento por elemento, luego ejecutar los validadores y la vista previa en el navegador.