Guizang PPT Skill: Crie Impressionantes Decks de Slides em HTML Direto no Claude Code

Você já quis transformar um artigo longo, uma análise de produto, ou até mesmo um ensaio pessoal em uma apresentação de slides genuinamente bem projetada—sem abrir o PowerPoint e lutar com caixas de texto? Você não está sozinho. É exatamente esse o problema que o Guizang PPT Skill resolve. Criado pelo pensador de IA 歸藏 e refinado em palestras offline reais, esta Skill de código aberto roda dentro do Claude Code, Codex e ambientes de agentes semelhantes para gerar belas apresentações em HTML de arquivo único. Também não é apenas um brinquedo: ela vem com dois sistemas visuais distintos, 22 layouts fixos, um modo apresentador completo e até geração opcional de imagens por IA para capas e diagramas.

Por que HTML em vez de PPTX?

Todo o projeto é construído em torno de uma aposta simples: HTML é o formato ideal para agentes de IA criarem slides. Como HTML e CSS são texto puro, o agente pode ler, editar e validar o arquivo diretamente. Diferentemente de decks em Markdown, o HTML oferece controle de layout em nível de pixel, animações e design responsivo. E, diferentemente do PPTX, o resultado final é um único arquivo que você pode abrir em qualquer navegador, apresentar, capturar em tela ou enviar a um colega. Sem etapa de build, sem servidor, sem inferno de dependências.

Mas a maior vantagem é o controle de qualidade. A Skill inclui scripts de validação que verificam coisas como estouro de layout, alinhamento e se as imagens permanecem dentro dos seus espaços esperados. Isso significa que a IA não está apenas adivinhando; ela está medindo o resultado real renderizado quando o Playwright está disponível.

Dois estilos visuais para histórias diferentes

A Skill vem com dois sistemas de estilo. O Estilo A se chama “Electronic Magazine × Electronic Ink”. Pense na revista Monocle encontrando uma estética de código minimalista. É perfeito para narrativas, opiniões, compartilhamentos pessoais e qualquer coisa em que a personalidade importa. Existem dez layouts flexíveis para coisas como aberturas de capítulo, páginas de declaração de dados, grades de imagens, pipelines e comparações. Você pode escolher entre cinco temas com inspiração em tinta: Classic Ink, Indigo Porcelain, Forest Ink, Kraft Paper e Dune.

O Estilo B segue a direção oposta: Estilo Internacional Suíço. É tudo sobre grades rigorosas, uma cor de ancoragem de alta saturação, ângulos retos, filetes finos e escala tipográfica dramática. Esse estilo é feito para fatos, produtos, análises e metodologia. Há 22 layouts fixos, de Capa e Declaração a Torre de KPI, Diagrama de Loop, Comparação Dupla e Manifesto de Encerramento. Quatro temas de cor de ancoragem estão disponíveis: Azul Klein, Amarelo Limão, Verde Limão e Laranja Segurança. Se você pedir um deck suíço sem especificar uma cor, o agente recomenda Azul Klein por padrão.

Esse sistema duplo significa que você não precisa reinventar a roda do design toda vez. Basta dizer qual vibe você quer, e a Skill aplica um sistema estético consistente—incluindo regras rígidas como sem valores hexadecimais personalizados, porque proteger o senso de design é mais importante do que deixar qualquer um se soltar nas cores.

Começando em 30 segundos

A instalação é refrescantemente simples. O comando de uma linha recomendado é:

Se preferir deixar a IA fazer tudo, cole isto no Claude Code, Cursor ou em qualquer agente com acesso ao shell:

帮我安装 guizang-ppt-skill。请把 https://github.com/op7418/guizang-ppt-skill 克隆到 ~/.claude/skills/guizang-ppt-skill,安装完成后检查 SKILL.md、assets/、references/ 是否存在。

Para o caminho manual, basta executar:

Depois de instalada, a Skill é acionada automaticamente quando você faz solicitações como:

Como é um fluxo de trabalho real

A verdadeira mágica é que a Skill é um fluxo de trabalho estruturado, não um prompt vago. Quando você pede uma apresentação, o agente percorre várias etapas: escolher o estilo, esclarecer requisitos com uma lista de sete perguntas, copiar o modelo certo de assets/template.html ou assets/template-swiss.html, preencher conteúdo a partir de uma tabela de ritmo, gerar imagens opcionalmente, criar notas do apresentador, executar verificações de validação e visualizar o deck no navegador.

Um pedido típico poderia ser: “帮我把这个产品分析文档做成电子杂志风 PPT，重点突出观点和叙事节奏。” O agente então produzirá um deck HTML de arquivo único com o template de revista, completo com transições de página, cores de tema, notas do apresentador e o runtime de apresentador integrado.

Modo apresentador que é realmente útil

Um recurso surpreendentemente completo é o modo apresentador integrado. Clique em P no canto inferior direito e o deck abre uma visualização dedicada de apresentador, enquanto uma janela limpa para o público abre em outra aba. Você obtém uma prévia ao vivo em 16:9 do slide atual e do próximo, notas estruturadas com objetivo e pontos de discussão, cronômetros para tempo decorrido e ritmo geral, e um modo de ensaio que registra localmente o tempo real por página. Há também ferramentas práticas como ponteiro laser, marcador de destaque e tela preta ou branca com um clique. Se a internet cair, nada disso quebra—tudo é HTML local e APIs do navegador, não um serviço em nuvem.

Imagens geradas por IA e arte de capa

Dentro do Codex, a Skill pode acessar GPT-Image 2.0 / GPT-M 2.0 para gerar fotos em estilo documental, infográficos, fluxogramas, diagramas de sistema e mockups de UI. A regra principal é que as imagens são recursos incorporados, não pôsteres independentes—portanto, não devem carregar rodapés, títulos ou bordas decorativas próprias. A Skill também sabe redesenhar capturas de tela bagunçadas em recursos de apresentação limpos usando a biblioteca de fundos inclusa, o que é uma salva-vidas quando você precisa de visuais consistentes sem reconstruir cada slide manualmente.

Além dos slides, o mesmo sistema visual se estende às capas de redes sociais. Você pode gerar uma imagem de destaque para conta pública do WeChat em 21:9, um cartão de compartilhamento em 1:1, uma capa do Xiaohongshu em 3:4, ou uma capa de vídeo horizontal em 16:9—tudo combinando com a cor do tema e a tipografia do deck.

Quando usar (e quando não usar)

O Guizang PPT Skill brilha em palestras offline, apresentações internas, lançamentos de produtos de IA, dias de demonstração e qualquer discurso com uma forte voz pessoal. Não é ideal para painéis densos de planilhas, materiais de treinamento ou apresentações que precisam de muita colaboração em tempo real, porque a saída é, por design, um arquivo HTML estático.

A filosofia de design do projeto é revigorante: contenção em vez de chamariz, estrutura em vez de decoração, e imagens como cidadãs de primeira classe, com proporções estáveis. Você pode pressionar B para desativar as animações WebGL/canvas e entrar em um modo estático de baixo desempenho se a sua máquina tiver dificuldades.

O que fazer a partir daqui

O Guizang PPT Skill é um projeto de código aberto com um roadmap ativo, incluindo mais estudos de caso, mais regras de validação suíças e especificações de capa expandidas. Se você já desejou que seu assistente de IA pudesse simplesmente fazer os slides, essa é uma ferramenta sólida para experimentar hoje. Instale-a com o comando npx acima, entregue um artigo ao agente e veja-o gerar um deck HTML polido que você pode apresentar direto do navegador.