Communitygithub.com

kang-airtc/html-skills

Todo es HTML: habilidades del agente que convierten una única fuente .html en PPTX, PDF, imágenes y animaciones.

¿Qué es html-skills?

Este conjunto de habilidades permite a los agentes de IA tomar un único archivo HTML como fuente de verdad y convertirlo en múltiples formatos de salida, incluyendo presentaciones PPTX, documentos PDF, imágenes (por ejemplo, PNG) e incluso animaciones. Es útil para desarrolladores que desean generar contenido visual y presentaciones directamente desde descripciones textuales o datos estructurados, sin necesidad de crear manualmente cada formato. La habilidad se basa en el principio de que HTML es un lenguaje universal de diseño web, por lo que al escribir una sola vez la estructura y el estilo en HTML, el agente puede reutilizarlo en diferentes contextos: informes PDF, diapositivas para reuniones, capturas de pantalla o GIFs animados. Esto ahorra tiempo y reduce la inconsistencia entre versiones. La habilidad está diseñada para funcionar con asistentes de IA como Claude Code, Cursor, Codex o similares, interpretando instrucciones en lenguaje natural y ejecutando las transformaciones necesarias mediante scripts o librerías como Puppeteer, wkhtmltopdf o Pandoc.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add kang-airtc/html-skills

Preguntar en tu IA favorita

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

Documentación

¿Qué hace html-skills?

Todo es HTML — habilidades del agente que convierten una única fuente .html en PPTX, PDF, imágenes y animaciones.

¿Qué hace esta habilidad?

Esta habilidad permite a un agente de IA tomar un archivo HTML (o una cadena HTML) y generar:

  • PPTX: Presentaciones de PowerPoint con diapositivas derivadas de secciones HTML.
  • PDF: Documentos PDF listos para imprimir o compartir.
  • Imágenes: Capturas de pantalla o renders en formato PNG, JPEG, etc.
  • Animaciones: GIFs animados o videos cortos (por ejemplo, MP4) a partir de transiciones CSS o contenido dinámico.

¿Por qué es útil?

  • Una sola fuente: Escribe el contenido una vez en HTML y obtén múltiples formatos de salida.
  • Ahorro de tiempo: No necesitas aprender herramientas separadas para cada formato.
  • Consistencia: El diseño y contenido se mantienen iguales en todos los formatos.
  • Automatización: Ideal para pipelines CI/CD o asistentes de desarrollo.

Plataformas compatibles

  • Claude Code
  • Cursor
  • Codex
  • Otros asistentes de IA que ejecuten tareas de transformación de documentos.

Cómo funciona

  1. El agente recibe una solicitud en lenguaje natural (ej: "Convierte este HTML en una presentación de PowerPoint").
  2. La habilidad utiliza herramientas como:
    • Puppeteer o Playwright para renderizar HTML a imagen/PDF.
    • Pandoc o html-to-pptx para conversión a PPTX.
    • FFmpeg o gifski para crear animaciones a partir de frames.
  3. El archivo de salida se guarda o se devuelve al usuario.

Ejemplo de uso

# Convertir HTML a PDF usando Puppeteer
npx puppeteer --html input.html --pdf output.pdf
# Ejemplo conceptual en Python
from html_skills import convert

convert('input.html', 'output.pptx', format='pptx')

Variables de entorno

  • OUTPUT_DIR: Directorio donde se guardarán los archivos de salida (por defecto: ./output).
  • PUPPETEER_OPTIONS: Opciones adicionales para Puppeteer (ej: --no-sandbox).

Enlaces

Skills relacionados