Communitygithub.com

Chris-yoo80/ppt-to-html-agent

Reconstruye material PPT o PPTX como una presentación HTML interactiva con revelaciones escalonadas y gráficos de movimiento opcionales punto-línea-plano. Ideal para conversión de presentaciones y edición iterativa, no para reproducción perfecta de PPT ni creación de sitios web no relacionados.

¿Qué es ppt-to-html-agent?

Esta habilidad convierte presentaciones de PowerPoint (PPT/PPTX) en presentaciones HTML interactivas, preservando el significado original y permitiendo ediciones iterativas. Es útil para desarrolladores y creadores de contenido que buscan transformar diapositivas estáticas en experiencias web dinámicas con control de narrativa, revelaciones por pasos y gráficos de movimiento opcionales. Funciona en plataformas de agentes de IA como Claude Code, Cursor o Codex, donde el agente interpreta el material fuente y genera el código HTML, CSS y SVG correspondiente. El proceso incluye inspeccionar el archivo fuente, planificar la estructura de escenas, aplicar motion graphics opcionales (punto-línea-plano), y verificar la fidelidad y navegabilidad del resultado final. No busca replicar píxel a píxel la presentación original, sino reinterpretarla para una audiencia web, con soporte para múltiples escenas, controles de navegación, impresión en PDF y análisis complementarios basados en Excel.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Chris-yoo80/ppt-to-html-agent/tree/HEAD/skills/ppt-to-html

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Agente de presentación PPT a HTML

Usa el material fuente del usuario para construir una presentación HTML con narrativa e interacción deliberadas. Preserva el significado de la fuente y distingue los hechos obtenidos de los datos ilustrativos.

Establecer el brief

Lee references/intake.md antes de comenzar una nueva presentación. Pregunta la configuración requerida en conjunto, en un breve formulario numerado. Reutiliza la configuración ya proporcionada; solo pregunta por los valores faltantes. Permite que el usuario elija el preset recomendado como una de las respuestas. No comiences a renderizar una nueva presentación hasta que se hayan respondido estas configuraciones o el usuario delegue explícitamente su elección. Continúa inspeccionando la fuente mientras esperas respuestas.

Inspecciona la fuente con las herramientas disponibles en el host. Extrae texto, tablas, figuras, el orden de las diapositivas y las notas relevantes; usa el renderizado de diapositivas cuando esté disponible para inspeccionar las relaciones espaciales. Informa si la extracción o el renderizado no están disponibles. No afirmes que la extracción fue exitosa cuando solo se leyó parte de la fuente. Para fuentes ilegibles, identifica la limitación específica y solicita una exportación accesible.

Para entradas PPTX accesibles y el starter HTML incluido, lee references/authoring.md. Documenta los comandos de extracción y compilación, el formato de escena compatible y las limitaciones reales de la herramienta. El host de IA realiza la interpretación y planificación; el constructor renderiza un esquema editado.

Planificar y crear

Asigna las diapositivas fuente a las escenas HTML propuestas. Identifica el mensaje clave, la evidencia, los pasos de revelación y el movimiento adecuado para cada escena. Mantén las figuras, unidades y suposiciones trazables a la fuente. Marca los datos de muestra explícitamente; no inventes resultados ni introduzcas afirmaciones comerciales como hechos.

Para una nueva dirección visual, presenta el esquema de la escena y una escena representativa antes de extenderlo a toda la presentación. Reutiliza la aprobación previa durante ediciones posteriores. Pregunta sobre cambios materiales en el alcance, las afirmaciones o la narrativa; decide los detalles de implementación rutinarios de forma independiente.

Usa HTML/CSS/SVG y recursos locales donde cumplan con el brief. Preserva la relación de aspecto, haz que la separación de palabras en coreano sea legible y que la navegación por escenas y subpasos sea predecible. Separa el contenido editable de la lógica de reproducción cuando sea práctico. Proporciona controles visibles de anterior/siguiente e instrucciones de uso. Usa un comportamiento final explícitamente elegido en lugar de asumir que la presentación debe repetirse en bucle.

Cuando se solicite movimiento, lee references/motion.md. Trata la cantidad de movimiento y el modo de reproducción como configuraciones separadas. Un requisito de un solo archivo sin conexión incluye fuentes, imágenes y otras dependencias; evita dependencias externas de tiempo de ejecución bajo ese requisito.

Para entrega similar a video, procesos de marketing o almacén, lee references/motion-stories.md. Los presets incluidos proporcionan reproducción continua y control de fase con datos ficticios editables; no son solucionadores de optimización ni simulaciones de una operación real.

Para gráficos basados en Excel, segmentadores interactivos o análisis de apoyo/respaldo, lee references/supplemental-analysis.md. Pregunta por la ubicación del libro, las hojas/rangos y dónde debe aparecer el análisis resultante (recursos adicionales, HTML independiente o ambos), incluida su escena y etiqueta de pestaña relacionadas. Reutiliza las respuestas ya dadas. Establece el brief de análisis antes de construir, comienza con controles en el lado izquierdo y resultados visuales en el lado derecho cuando se solicite, y agrega funciones avanzadas después de que se acuerde la base. Entrega el análisis como HTML adicional accesible desde la presentación; no reemplaces silenciosamente la presentación ni adjuntes el libro de trabajo sin procesar.

Verificar y entregar

Pregunta sobre la salida PDF y los archivos de recursos de respaldo, su ubicación y las etiquetas de las pestañas en el brief inicial. El botón Imprimir/PDF incluido imprime todas las escenas con cada revelación visible, una escena por página A4 en orientación apaisada. El análisis de apoyo imprime sus filtros actuales y secciones opcionales por separado; los recursos no se fusionan automáticamente en el PDF de la presentación. Preserva el paso de la presentación y pausa la reproducción automática después de imprimir. Verifica el diseño de impresión y el número de páginas por separado de la reproducción interactiva.

Verifica la fidelidad de la fuente, cada escena/subpaso, las transiciones hacia adelante/atrás, la navegación directa a escenas, los temporizadores en cambios de escena, el comportamiento de repetición y final. Verifica el recorte de texto, el desbordamiento, el acceso por teclado y el comportamiento de movimiento reducido en el tamaño de salida acordado. Para un modo de impresión/PDF solicitado, inspecciona la salida renderizada por separado de las capturas de pantalla de la presentación.

Distingue las comprobaciones estáticas de las comprobaciones del navegador. Si el host no puede renderizar u operar la salida, nombra la limitación y enumera los comportamientos no verificados; no describas la presentación como verificada visualmente. No evites las restricciones de seguridad de la herramienta para obtener acceso de renderizado.

Entrega el HTML, las fuentes editables y las notas de operación breves respaldadas por la implementación real. Informa qué se probó y qué permanece sin verificar. No reclames exportación MP4, dependencias instaladas, soporte sin conexión o compatibilidad con el host sin verificarlos.

Mantén la LICENCIA del Paquete con copias de la habilidad y conserva el aviso legal y el texto de licencia integrados del constructor en las salidas de la presentación. El uso personal, no comercial y organizativo interno está permitido sin costo; los negocios de generación externa y la redistribución pagada de la herramienta requieren permiso por separado. Las presentaciones completadas se pueden compartir para los fines de comunicación en la excepción de salida. Una marca de agua visible del autor es una elección de diseño separada, no un requisito de esta licencia.

Ejemplos de publicación

Las presentaciones proporcionadas por el usuario son entradas de trabajo, no ejemplos públicos automáticos. Al preparar el repositorio público de este proyecto, excluye documentos de la empresa, imágenes/videos incrustados, notas, datos ocultos, rutas internas y contenido comercial derivado. Usa ejemplos ficticios creados de forma independiente. No publiques ni subas como parte de una solicitud de conversión ordinaria.

Skills relacionados