Communitygithub.com

kang-airtc/html-skills

Tudo é HTML — habilidades do agente que renderizam uma única fonte .html em PPTX, PDF, imagens e animações.

O que é html-skills?

O kang-airtc/html-skills é um conjunto de habilidades para agentes de IA (como Claude Code, Cursor, Codex, etc.) que permite converter uma única fonte HTML em múltiplos formatos de saída: PPTX, PDF, imagens e animações. A habilidade é extremamente útil para desenvolvedores e criadores de conteúdo que desejam gerar apresentações, documentos ou elementos visuais diretamente a partir de um arquivo HTML, aproveitando a flexibilidade e riqueza do HTML/CSS/JavaScript. A ferramenta é agnóstica de plataforma, funcionando com qualquer agente que suporte a execução de scripts e a renderização de HTML. O funcionamento é simples: o agente lê o arquivo HTML fornecido e utiliza utilitários de linha de comando (como Puppeteer, headless Chrome ou conversores específicos) para processar e exportar o conteúdo nos formatos desejados, mantendo a fidelidade visual e a estrutura original.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add kang-airtc/html-skills

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que html-skills faz?

Tudo é HTML — habilidades do agente que renderizam uma única fonte .html em PPTX, PDF, imagens e animações.

Visão Geral

O kang-airtc/html-skills permite que agentes de IA convertam arquivos HTML em múltiplos formatos, incluindo apresentações PPTX, documentos PDF, imagens estáticas (PNG, JPEG) e animações (GIF, vídeo). Isso é ideal para automatizar a geração de conteúdo visual a partir de modelos HTML.

Requisitos

  • Node.js (v16+)
  • Puppeteer ou Google Chrome headless instalado
  • Dependências adicionais para conversão de formatos específicos (ex.: LibreOffice para PPTX)

Uso

  1. Preparação: Crie um arquivo HTML com o layout desejado, incluindo CSS e JavaScript inline ou externo.
  2. Execução: Execute o agente com o comando apropriado para o formato de saída.
  3. Resultado: O arquivo gerado será salvo no diretório de saída especificado.

Exemplos de Comandos

# Converter HTML para PDF
agent html-to-pdf input.html output.pdf

# Converter HTML para PPTX
agent html-to-pptx input.html output.pptx

# Converter HTML para imagens (cada página como uma imagem)
agent html-to-image input.html output.png

# Converter HTML para animação (GIF ou vídeo)
agent html-to-animation input.html output.gif

Formatos Suportados

FormatoDescriçãoComando
PDFDocumento PDFhtml-to-pdf
PPTXApresentação PowerPointhtml-to-pptx
PNGImagem PNG por páginahtml-to-image
GIFAnimação GIFhtml-to-animation
MP4Vídeo MP4html-to-animation

Personalização

Você pode adicionar metadados ao HTML para controlar a saída, como:

  • <!-- slide: title --> — Define um slide/divisão
  • <!-- animation: duration 2s --> — Controla a duração da animação
  • <!-- pdf: landscape --> — Define orientação paisagem PDF

Limitações

  • Depende de navegadores headless, que podem consumir recursos significativos.
  • HTML complexo com muitos scripts ou imagens externas pode levar mais tempo para renderizar.
  • A conversão para PPTX pode não preservar 100% do layout CSS avançado (recomenda-se tabelas e layouts simples).

Licença

MIT

Habilidades Relacionadas