cclank/lanshu-html-ppt-templates

Modelos HTML de Apresentação Lan Shu

Use os modelos completos de arquivo único em assets/templates/ para criar apresentações HTML prontas para exibição. Catálogo online: https://ppt.lanshuagent.com/; Autor: https://x.com/LufzzLiz.

Selecionar Modelo

Leia primeiro references/template-catalog.md e escolha com base no conteúdo, público e formato de entrega. Use o estilo especificado pelo usuário; quando não especificado, escolha com base no material e explique brevemente. Não é necessária confirmação adicional para estilos comuns.

• Relatórios empresariais, estratégia e conteúdo denso de informações: 07-consulting, 01-swiss.
• Pitches de financiamento, lançamentos de produtos e tecnologia: 04-brutalism, 03-aurora, 17-terminal.
• Marca, cultura, curadoria e estilo de vida: 02-editorial, 08-oriental, 09-organic, 18-riso, 19-collage.
• Distribuição de dados e narrativa contínua: 11-morph; Hipóteses de negócios ajustáveis: 14-live-model; Redes geográficas e globais: 20-globe.
• Defesas acadêmicas e relatórios de projetos: 21-academic; Materiais didáticos e treinamento: 23-chalkboard.
• Introdução de funcionalidades de produtos e resumos anuais: 22-bento; Produtos de IA e histórias de clientes: 24-chat; Reuniões de fim de ano e retrospectivas de equipe: 25-pixel.
• Relatórios de trabalho para governo, empresas estatais e órgãos públicos: 28-official; Marcos anuais e revistas internas: 26-newspaper.
• Revisões de engenharia e soluções de hardware: 27-blueprint; Roteiros de produtos e planejamento estratégico: 29-metro; Histórias de usuários e de marca: 30-comic.
• Quando o usuário precisar de PDF de várias páginas, priorize modelos com estilos de impressão de várias páginas marcados no catálogo; o resultado da impressão ainda precisa ser verificado na prática.

Criar e Modificar

Os caminhos nos comandos são relativos ao diretório desta skill; primeiro localize o diretório de instalação real da skill.

python3 scripts/deck.py list
python3 scripts/deck.py new 07-consulting --output /caminho/para/saidas/apresentacao.html --title "Título da Apresentação"
python3 scripts/deck.py source 07-consulting
python3 scripts/deck.py inspect /caminho/para/saidas/apresentacao.html

new copia o modelo completo, preservando fontes e scripts, e recusa sobrescrever arquivos existentes. --title altera apenas o título do navegador; o texto do corpo da página precisa ser editado posteriormente. source oculta apenas o Base64 das fontes no terminal, mantendo os números de linha originais; não salve sua saída como arquivo de apresentação.

Execute antes de ler references/authoring.md. Faça modificações pontuais no HTML selecionado:

1. Estabeleça uma narrativa página por página com base no material do usuário e, em seguida, substitua títulos, texto, dados de gráficos, cabeçalhos, rodapés e marcas. Priorize a reutilização de layouts existentes e adicione/remova páginas conforme o conteúdo.
2. Mantenha os IDs, classes, atributos data-*, bindings de eventos e interfaces de gráficos dos quais o mecanismo de reprodução depende, bem como os blocos de código TOOLKIT (kit de ferramentas de apresentação) e PRESENTER (janela do apresentador); ao alterar o número de páginas, sincronize a numeração, arrays de geração e número de notas.
3. Atualize o array JSON em script#deck-notes para que a ordem das notas corresponda à ordem real de exibição. Empresas, números, textos de fontes e informações de contato nos exemplos do modelo precisam ser substituídos ou removidos.
4. Gere HTML independente. Para gráficos estáticos, priorize SVG/CSS; para gráficos em tempo real, mantenha o Canvas existente; novos recursos precisam ser incorporados ou entregues junto com a apresentação.

As fontes chinesas dos modelos são cortadas com base nos caracteres originais; novos textos usarão fontes do sistema como fallback. Após modificar o texto, execute python3 scripts/embed_fonts.py <arquivo da apresentação> com conexão à internet para recortar e incorporar fontes novamente com base nos caracteres realmente usados nas páginas; offline, priorize a manutenção da pilha de fontes existente e verifique o layout. Mantenha os avisos de licenciamento de fontes originais.

Limites de Interatividade e Exportação

• Modelos comuns usam .slide; telas infinitas, cinemas, interfaces espaciais, terminais e colagens têm estruturas de dados independentes, conforme guia do autor.
• Os parâmetros do modelo, fluxo de caixa e elementos vinculados de 14-live-model devem ser modificados juntos; a visualização do apresentador é uma instância independente e não sincroniza ajustes temporários de parâmetros do modelo na tela principal por padrão.
• Todos os 30 modelos possuem kit de ferramentas de apresentação integrado: painel de atalhos ?, visão geral O, pular para página com número + Enter, tela preta/branca B/W, laser pointer L, anotações com caneta D, editar texto no navegador E, editar roteiro, substituir em massa e ajustar tema de cores e salvar como novo arquivo. Ao abrir com python3 scripts/present.py <arquivo da apresentação> e pressionar M, é possível controlar remotamente com um smartphone na mesma rede Wi-Fi.
• 17-terminal é uma apresentação web com aparência de terminal; os comandos exibidos fazem parte do conteúdo da página.
• 12-generative pode produzir diferentes resultados a cada execução; fixe a semente se precisar de resultados reproduzíveis.
• Atualmente, oferece HTML e PDF de impressão do navegador para alguns modelos; interatividade e animações são reproduzidas pelo navegador. Se precisar de .pptx editável, explique claramente as diferenças de formato e, em seguida, converta conforme a escolha do usuário.
• Implantação em rede pública apenas quando solicitado pelo usuário. Modificar o domínio na configuração não adquire automaticamente um novo domínio ou permissão de publicação.

Validação e Entrega

python3 scripts/deck.py validate /caminho/para/saidas/apresentacao.html

Este comando verifica a sintaxe do JSON de notas e do JavaScript inline; requer Node.js na máquina para concluir a verificação JavaScript. Ele não executa scripts da página.

Em um navegador disponível, verifique a primeira e última páginas, gráficos principais, texto mais longo, virar páginas, tela cheia, notas do apresentador e interatividade; se houver solicitação de PDF, verifique o resultado real da impressão. Se não for possível executar um navegador, explique as verificações estáticas realizadas e as partes não verificadas.

Entregue o caminho, número de páginas e instruções de reprodução necessárias do HTML; sugira pressionar ? para ver todos os atalhos de teclado; se o controle remoto por smartphone for necessário, use scripts/present.py para abrir. Se o usuário solicitar PDF, entregue também o PDF validado; explique o estado interativo e o desempenho real das animações na exportação.