cclank/lanshu-html-ppt-templates

Plantillas HTML de Lan Shu para presentaciones

Utiliza las plantillas completas de un solo archivo en assets/templates/ para crear presentaciones HTML listas para proyectar. Catálogo en línea: https://ppt.lanshuagent.com/; autor: https://x.com/LufzzLiz.

Seleccionar plantilla

Primero lee references/template-catalog.md y elige según el contenido, la audiencia y el formato de entrega. Si el usuario ya especificó un estilo, úsalo; de lo contrario, selecciona según el material y explica brevemente. No es necesario pedir confirmación adicional para estilos habituales.

• Informes comerciales, estratégicos y contenido denso en información: 07-consulting, 01-swiss.
• Lanzamientos de financiación, producto y tecnología: 04-brutalism, 03-aurora, 17-terminal.
• Marca, cultura, curaduría y estilo de vida: 02-editorial, 08-oriental, 09-organic, 18-riso, 19-collage.
• Distribución de datos y narrativa continua: 11-morph; supuestos de negocio ajustables: 14-live-model; redes geográficas y globales: 20-globe.
• Defensa académica e informes de proyectos: 21-academic; material didáctico y formación: 23-chalkboard.
• Introducción de funcionalidades de producto y resúmenes anuales: 22-bento; productos de IA e historias de clientes: 24-chat; celebraciones de empresa y retrospectivas de equipo: 25-pixel.
• Informes de trabajo gubernamentales, empresas estatales y organismos públicos: 28-official; hitos anuales, revistas internas: 26-newspaper.
• Revisiones de ingeniería y propuestas de hardware: 27-blueprint; hojas de ruta de producto y planificación estratégica: 29-metro; historias de usuario y de marca: 30-comic.
• Cuando el usuario necesite un PDF de varias páginas, prioriza las plantillas marcadas en el catálogo con estilo de impresión multipágina; la calidad de impresión aún debe verificarse manualmente.

Crear y modificar

Las rutas en los comandos son relativas al directorio de este skill; primero localiza la ubicación real de instalación del skill.

python3 scripts/deck.py list
python3 scripts/deck.py new 07-consulting --output /path/to/outputs/presentation.html --title "Título de la presentación"
python3 scripts/deck.py source 07-consulting
python3 scripts/deck.py inspect /path/to/outputs/presentation.html

new copia la plantilla completa, conservando las fuentes y los scripts, y rechaza sobrescribir archivos existentes. --title solo modifica el título del navegador; el contenido de la página debe editarse por separado. source solo oculta en la terminal las fuentes en Base64, pero mantiene los números de línea originales; no guardes su salida como archivo de presentación.

Antes de ejecutar, lee references/authoring.md. Realiza modificaciones puntuales en el HTML seleccionado:

1. Basándote en el material del usuario, establece una narrativa página por página y luego reemplaza títulos, texto, datos de gráficos, encabezados, pies de página e identidad de marca. Prioriza la reutilización de los diseños existentes; añade o elimina páginas según el contenido.
2. Conserva los ID, clases, data-*, enlaces de eventos e interfaces de gráficos de los que depende el motor de reproducción, así como los bloques de código TOOLKIT (kit de proyección) y PRESENTER (ventana del presentador); sincroniza los números de página, los arreglos generados y la cantidad de notas al cambiar el número de páginas.
3. Actualiza el arreglo JSON en script#deck-notes para que el orden de las notas coincida con el orden real de proyección. Los nombres de empresas, números, textos de fuentes e información de contacto de ejemplo en la plantilla deben reemplazarse o eliminarse.
4. Genera un HTML independiente. Para gráficos estáticos, prioriza SVG/CSS; para gráficos en tiempo real, usa el Canvas existente; los nuevos recursos deben incrustarse o entregarse junto con la presentación.

Las fuentes chinas de las plantillas se recortan según los caracteres originales; los nuevos textos se mostrarán primero con fuentes del sistema como alternativa. Después de modificar el texto, ejecuta python3 scripts/embed_fonts.py <archivo de presentación> con conexión a internet para recortar e incrustar las fuentes según los caracteres realmente utilizados en cada página; sin conexión, prioriza mantener la pila de fuentes existente y verifica el diseño. Conserva los avisos de licencia de fuentes originales.

Límites de interacción y exportación

• Las plantillas normales usan .slide; los lienzos infinitos, interfaces de cine, espaciales, terminales, collages tienen estructuras de datos independientes, según la guía del autor.
• Los parámetros del modelo, flujo de caja y elementos vinculados de 14-live-model deben modificarse juntos; la vista previa del presentador es una instancia independiente y no sincroniza por defecto los parámetros del modelo ajustados temporalmente en la pantalla principal.
• Las 30 plantillas incluyen un kit de proyección integrado: panel de atajos con ?, vista general con O, salto a página con número y Enter, pantalla en blanco/negro con B/W, puntero láser con L, anotaciones con lápiz con D, y con E se puede editar texto, cambiar el guion, reemplazar todo y ajustar el color del tema en el navegador, guardando como nuevo archivo. Abre el archivo con python3 scripts/present.py <archivo de presentación> y presiona M para control remoto mediante código QR desde un teléfono en la misma red Wi‑Fi.
• 17-terminal es una presentación web con apariencia de terminal; los comandos mostrados son parte del contenido de la página.
• 12-generative puede generar diferentes imágenes en cada ejecución; si se necesitan resultados reproducibles, fija una semilla.
• Actualmente se proporcionan HTML y, para algunas plantillas, PDF desde el navegador; la interactividad y las animaciones se ejecutan en el navegador. Si se necesita un .pptx editable, explica claramente las diferencias de formato y luego realiza la conversión según la elección del usuario.
• El despliegue en redes públicas solo se realiza cuando el usuario lo solicite. Modificar el dominio en la configuración no obtiene automáticamente un nuevo dominio ni permisos de publicación.

Validación y entrega

python3 scripts/deck.py validate /path/to/outputs/presentation.html

Este comando verifica la sintaxis del JSON de notas y del JavaScript en línea; necesita Node.js en la máquina local para completar la verificación de JavaScript. No ejecuta los scripts de la página.

Verifica en un navegador disponible la primera y última página, los gráficos clave, el texto más largo, el paso de páginas, la pantalla completa, las notas del presentador y la interactividad; si hay requisitos de PDF, verifica el resultado real de impresión. Si no se puede ejecutar un navegador, explica las comprobaciones estáticas realizadas y las partes no verificadas.

Entrega la ruta disponible del HTML, el número de páginas y las instrucciones de reproducción necesarias; sugiere presionar ? para ver todos los atajos de teclado. Si se necesita control remoto por teléfono, usa scripts/present.py para abrir la presentación. Si el usuario solicita PDF, entrega también el PDF verificado; explica el estado interactivo y el comportamiento real de las animaciones en la exportación.