Habilidade de Geração de PPT
Visão Geral
Esta habilidade gera apresentações profissionais em PowerPoint criando imagens geradas por IA para cada slide e compondo-as em um arquivo PPTX. O workflow inclui planejar a estrutura da apresentação com um estilo visual consistente, gerar imagens dos slides sequencialmente (usando o slide anterior como referência para consistência de estilo) e montá-las em uma apresentação final.
Capacidades Principais
- Planejar e estruturar apresentações com múltiplos slides com estilo visual unificado
- Suportar múltiplos estilos de apresentação: Business, Acadêmico, Minimalista, Apple Keynote, Criativo
- Gerar imagens AI únicas para cada slide usando a habilidade de geração de imagens
- Manter consistência visual usando o slide anterior como imagem de referência
- Compor imagens em um arquivo PPTX profissional
Estilos de Apresentação
Escolha um dos seguintes estilos ao criar o plano da apresentação:
| Estilo | Descrição | Melhor Para |
|---|---|---|
| glassmorphism | Painéis de vidro fosco com efeitos de desfoque, cartões translúcidos flutuantes, fundos gradientes vibrantes, profundidade através de camadas | Produtos de tecnologia, demos de IA/SaaS, pitches futuristas |
| dark-premium | Fundos pretos ricos (#0a0a0a), cores de destaque luminosas, efeitos de brilho sutis, estética de marca de luxo | Produtos premium, apresentações executivas, marcas de alto padrão |
| gradient-modern | Gradientes mesh ousados, transições de cores fluidas, tipografia contemporânea, vibrante mas sofisticado | Startups, agências criativas, lançamentos de marca |
| neo-brutalist | Tipografia ousada e crua, alto contraste, estética 'feia' intencional, anti-design como design, inspirado em Memphis | Marcas arrojadas, direcionamento à Geração Z, startups disruptivas |
| 3d-isometric | Ilustrações isométricas limpas, elementos 3D flutuantes, sombras suaves, estética tech-forward | Explicações de tecnologia, recursos de produtos, apresentações SaaS |
| editorial | Layouts de qualidade de revista, hierarquia tipográfica sofisticada, fotografia dramática, estética Vogue/Bloomberg | Relatórios anuais, marcas de luxo, liderança de pensamento |
| minimal-swiss | Precisão baseada em grade, tipografia inspirada em Helvetica, uso ousado de espaço negativo, modernismo atemporal | Arquitetura, empresas de design, consultoria premium |
| keynote | Estética inspirada na Apple com tipografia ousada, imagens dramáticas, alto contraste, sensação cinematográfica | Keynotes, revelações de produtos, palestras inspiradoras |
Workflow
Passo 1: Entender Requisitos
Quando um usuário solicitar a geração de uma apresentação, identifique:
- Tópico/assunto: Sobre o que é a apresentação
- Número de slides: Quantos slides são necessários (padrão: 5-10)
- Estilo: business / academic / minimal / keynote / creative
- Proporção de aspecto: Padrão (16:9) ou clássico (4:3)
- Esboço do conteúdo: Pontos-chave para cada slide
- Você não precisa verificar a pasta em
/mnt/user-data
Passo 2: Criar Plano da Apresentação
Crie um arquivo JSON em /mnt/user-data/workspace/ com a estrutura da apresentação. Importante: Inclua o campo style para definir a consistência visual geral.
{
"title": "Título da Apresentação",
"style": "keynote",
"style_guidelines": {
"color_palette": "Fundos pretos profundos, texto branco, cor de destaque única (azul ou laranja)",
"typography": "Manchetes sans-serif em negrito, texto corporal limpo, contraste dramático de tamanho",
"imagery": "Fotografia de alta qualidade, imagens sangradas, composição cinematográfica",
"layout": "Espaço em branco generoso, foco centralizado, elementos mínimos por slide"
},
"aspect_ratio": "16:9",
"slides": [
{
"slide_number": 1,
"type": "title",
"title": "Título Principal",
"subtitle": "Subtítulo ou tagline",
"visual_description": "Descrição detalhada para geração de imagem"
},
{
"slide_number": 2,
"type": "content",
"title": "Título do Slide",
"key_points": ["Ponto 1", "Ponto 2", "Ponto 3"],
"visual_description": "Descrição detalhada para geração de imagem"
}
]
}
Passo 3: Gerar Imagens dos Slides Sequencialmente
IMPORTANTE: Gere slides estritamente um por um, em ordem. NÃO paralelize ou faça lote na geração de imagens. Cada slide depende da saída do slide anterior como imagem de referência. Gerar slides em paralelo quebrará a consistência visual e não é permitido.
-
Leia a habilidade de geração de imagens:
/mnt/skills/public/image-generation/SKILL.md -
Para o PRIMEIRO slide (slide 1), crie um prompt que estabeleça o estilo visual:
{
"prompt": "Slide de apresentação profissional. [style_guidelines do plano]. Título: 'Seu Título'. [visual_description]. Este slide estabelece a linguagem visual para toda a apresentação.",
"style": "[Baseado no estilo escolhido - ex., estética Apple Keynote, iluminação dramática, cinematográfico]",
"composition": "Layout limpo com hierarquia de texto clara, [composição específica do estilo]",
"color_palette": "[De style_guidelines]",
"typography": "[De style_guidelines]"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/slide-01-prompt.json \
--output-file /mnt/user-data/outputs/slide-01.jpg \
--aspect-ratio 16:9
- Para slides subsequentes (slide 2+), use o slide ANTERIOR como imagem de referência:
{
"prompt": "Slide de apresentação profissional continuando o estilo visual da imagem de referência. Mantenha a mesma paleta de cores, estilo de tipografia e estética geral. Título: 'Título do Slide'. [visual_description]. Mantenha consistência visual com a referência.",
"style": "Combine exatamente com o estilo da imagem de referência",
"composition": "Princípios de layout semelhantes à referência, adaptados para este conteúdo",
"color_palette": "Mesma da imagem de referência",
"consistency_note": "Este slide deve parecer que pertence à mesma apresentação que a imagem de referência"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/slide-02-prompt.json \
--reference-images /mnt/user-data/outputs/slide-01.jpg \
--output-file /mnt/user-data/outputs/slide-02.jpg \
--aspect-ratio 16:9
- Continue para todos os slides restantes, sempre referenciando o slide anterior:
# Slide 3 referencia slide 2
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/slide-03-prompt.json \
--reference-images /mnt/user-data/outputs/slide-02.jpg \
--output-file /mnt/user-data/outputs/slide-03.jpg \
--aspect-ratio 16:9
# Slide 4 referencia slide 3
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/slide-04-prompt.json \
--reference-images /mnt/user-data/outputs/slide-03.jpg \
--output-file /mnt/user-data/outputs/slide-04.jpg \
--aspect-ratio 16:9
Passo 4: Compor PPT
Após todas as imagens dos slides serem geradas, execute o script de composição:
python /mnt/skills/public/ppt-generation/scripts/generate.py \
--plan-file /mnt/user-data/workspace/presentation-plan.json \
--slide-images /mnt/user-data/outputs/slide-01.jpg /mnt/user-data/outputs/slide-02.jpg /mnt/user-data/outputs/slide-03.jpg \
--output-file /mnt/user-data/outputs/presentation.pptx
Parâmetros:
--plan-file: Caminho absoluto para o arquivo JSON do plano da apresentação (obrigatório)--slide-images: Caminhos absolutos para as imagens dos slides em ordem (obrigatório, separados por espaço)--output-file: Caminho absoluto para o arquivo PPTX de saída (obrigatório)
[!NOTE] NÃO leia o arquivo python, apenas execute-o com os parâmetros.
Exemplo Completo: Estilo Glassmorphism
Solicitação do usuário: "Crie uma apresentação sobre o lançamento de um produto de IA"
Passo 1: Criar plano da apresentação
Criar /mnt/user-data/workspace/ai-product-plan.json:
{
"title": "Apresentando Nova AI",
"style": "glassmorphism",
"style_guidelines": {
"color_palette": "Fundo gradiente vibrante roxo-para-ciano (#667eea→#00d4ff), painéis de vidro fosco com 15-20% de opacidade branca, destaques elétricos",
"typography": "Estilo SF Pro Display, títulos brancos em negrito peso 700 com sutil text-shadow, texto corporal limpo peso 400, excelente contraste no vidro",
"imagery": "Esferas 3D abstratas de vidro, formas geométricas translúcidas flutuantes, orbes luminosas suaves, profundidade através de transparência em camadas",
"layout": "Cartões de vidro fosco centralizados com cantos arredondados de 32px, padding de 48-64px, flutuando acima do gradiente, profundidade em camadas com sombras suaves",
"effects": "Desfoque de fundo de 20-40px nos painéis de vidro, brilho de borda branca sutil, sombras coloridas suaves combinando com o gradiente, efeitos de refração de luz",
"visual_language": "Estética Apple Vision Pro / visionOS, profundidade premium através da transparência, futurista mas acessível, tendências de design 2024"
},
"aspect_ratio": "16:9",
"slides": [
{
"slide_number": 1,
"type": "title",
"title": "Apresentando Nova AI",
"subtitle": "Inteligência, Reimaginada",
"visual_description": "Fundo gradiente impressionante fluindo de roxo profundo (#667eea) através de magenta para ciano (#00d4ff). Centro: grande painel de vidro fosco com forte desfoque de fundo, contendo título branco em negrito 'Apresentando Nova AI' e subtítulo mais claro. Esferas de vidro 3D flutuantes e formas abstratas ao redor do cartão criando profundidade. Brilho suave emanando de trás do painel de vidro. Estética premium visionOS. O cartão de vidro tem borda branca sutil (1px rgba 255,255,255,0.3) e sombra com tom roxo suave."
},
{
"slide_number": 2,
"type": "content",
"title": "Por que Nova?",
"key_points": ["Processamento 10x mais rápido", "Compreensão semelhante à humana", "Segurança de nível empresarial"],
"visual_description": "Mesmo fundo gradiente roxo-ciano. Lado esquerdo: cartão de vidro fosco flutuante com título 'Por que Nova?' em branco em negrito, três pontos-chave abaixo com badges de pílula de vidro sutis. Lado direito: visualização 3D abstrata de rede neural como nós de vidro interconectados com brilho suave. Formas geométricas translúcidas flutuantes (icosaedros, toros) adicionando profundidade. Estética glassmorphism consistente com o slide anterior."
},
{
"slide_number": 3,
"type": "content",
"title": "Como Funciona",
"key_points": ["Entrada de linguagem natural", "Processamento multimodal", "Insights instantâneos"],
"visual_description": "Fundo gradiente consistente com slides anteriores. Composição central: três cartões de vidro fosco empilhados em ângulos leves mostrando as etapas do workflow, conectados por linhas brilhantes suaves. Cada cartão tem um ícone abstrato. Orbes de vidro flutuantes e partículas de luz ao redor da composição. Título 'Como Funciona' em branco em negrito no topo. Profundidade criada através de camadas de cartões e transparência."
},
{
"slide_number": 4,
"type": "content",
"title": "Construído para Escalar",
"key_points": ["1M+ usuários simultâneos", "99,99% de disponibilidade", "Infraestrutura global"],
"visual_description": "Mesmo fundo gradiente. Layout assimétrico: lado direito apresenta grande painel de vidro fosco com métricas exibidas em tipografia em negrito. Lado esquerdo: globo 3D abstrato feito de painéis de vidro e linhas de conexão, representando escala global. Elementos de visualização de dados flutuantes como pequenos cartões de vidro com números. Brilho ambiente suave por toda parte. Estética tech premium."
},
{
"slide_number": 5,
"type": "conclusion",
"title": "O Futuro Começa Agora",
"subtitle": "Junte-se à lista de espera",
"visual_description": "Slide final dramático. Fundo gradiente com vibração ligeiramente aumentada. Cartão de vidro fosco central com título em negrito 'O Futuro Começa Agora' e subtítulo de chamada para ação. Atrás do cartão: explosão de raios de luz suaves e partículas de vidro flutuantes criando efeito de celebração. Múltiplas formas de vidro em camadas criando profundidade. O slide mais visualmente impactante, mantendo consistência de estilo."
}
]
}
Passo 2: Ler habilidade de geração de imagens
Leia /mnt/skills/public/image-generation/SKILL.md para entender como gerar imagens.
Passo 3: Gerar imagens dos slides sequencialmente com encadeamento de referência
Slide 1 - Título (estabelece a linguagem visual):
Criar /mnt/user-data/workspace/nova-slide-01.json:
{
"prompt": "Slide de título de apresentação ultra-premium com design glassmorphism. Fundo: gradiente suave fluindo de roxo profundo (#667eea) através de magenta (#f093fb) para ciano (#00d4ff), suave e vibrante. Centro: grande painel de vidro fosco com forte efeito de desfoque de fundo, cantos arredondados 32px, contendo título sem serifa branco em negrito 'Apresentando Nova AI' (72pt, estilo SF Pro Display, font-weight 700) com sutil text shadow, subtítulo 'Inteligência, Reimaginada' abaixo em peso mais claro. O painel de vidro tem borda branca sutil (1px rgba 255,255,255,0.25) e sombra projetada com tom roxo suave. Flutuando ao redor do cartão: esferas de vidro 3D com refração, formas geométricas translúcidas (icosaedros, blobs abstratos), criando profundidade e dimensão. Brilho luminoso suave emanando de trás do painel de vidro. Pequenas partículas flutuantes de luz. Estética UI Apple Vision Pro / visionOS. Slide de apresentação profissional, proporção 16:9. Sensação de lançamento de produto tech hiper-moderno e premium.",
"style": "Glassmorphism, estética visionOS, estilo UI Apple Vision Pro, tech premium, tendências de design 2024",
"composition": "Cartão de vidro centralizado como ponto focal, elementos 3D flutuantes criando profundidade nas bordas, 40% de espaço negativo, hierarquia visual clara",
"lighting": "Brilho ambiente suave do gradiente, refração de luz através de elementos de vidro, iluminação de borda sutil em formas 3D",
"color_palette": "Gradiente roxo #667eea, magenta #f093fb, ciano #00d4ff, branco fosco rgba(255,255,255,0.15), texto branco puro #ffffff",
"effects": "Desfoque de fundo em painéis de vidro, sombras projetadas suaves com tom de cor, refração de luz, textura de ruído sutil no vidro, partículas flutuantes"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/nova-slide-01.json \
--output-file /mnt/user-data/outputs/nova-slide-01.jpg \
--aspect-ratio 16:9
Slide 2 - Conteúdo (usa slide 1 como referência):
Criar /mnt/user-data/workspace/nova-slide-02.json:
{
"prompt": "Slide de conteúdo de apresentação profissional continuando o estilo visual da imagem de referência. Mantenha exatamente a mesma estética glassmorphism: fundo gradiente roxo-para-ciano, painéis de vidro fosco com desfoque de fundo, formas geométricas translúcidas flutuantes. Título: 'Por que Nova?'. Três pontos principais exibidos como badges de pílula de vidro. Visualização 3D abstrata de rede neural no lado direito. Mantenha consistência visual perfeita com a imagem de referência.",
"style": "Combine exatamente com o estilo da imagem de referência",
"composition": "Princípios de layout semelhantes à referência, adaptados para conteúdo de slide com pontos e visualização",
"color_palette": "Mesma da imagem de referência",
"consistency_note": "Este slide deve parecer que pertence à mesma apresentação que a imagem de referência"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/nova-slide-02.json \
--reference-images /mnt/user-data/outputs/nova-slide-01.jpg \
--output-file /mnt/user-data/outputs/nova-slide-02.jpg \
--aspect-ratio 16:9
Continue para slides 3-5 com o mesmo padrão, cada um referenciando o slide gerado anteriormente.
Passo 4: Compor apresentação PPTX final
python /mnt/skills/public/ppt-generation/scripts/generate.py \
--plan-file /mnt/user-data/workspace/ai-product-plan.json \
--slide-images /mnt/user-data/outputs/nova-slide-01.jpg /mnt/user-data/outputs/nova-slide-02.jpg /mnt/user-data/outputs/nova-slide-03.jpg /mnt/user-data/outputs/nova-slide-04.jpg /mnt/user-data/outputs/nova-slide-05.jpg \
--output-file /mnt/user-data/outputs/nova-presentation.pptx
Solução de Problemas
Erro: "File not found" ao gerar imagens
- Verifique se o diretório de saída existe:
/mnt/user-data/outputs/ - Verifique se os arquivos de prompt estão no local correto:
/mnt/user-data/workspace/
Erro: Imagens inconsistentes entre slides
- Certifique-se de que cada slide (slide 2+) usa a flag
--reference-imagesapontando para o slide anterior - Evite paralelizar a geração de imagens - sempre gere em ordem estrita
Erro: Falha no script de composição PPT
- Verifique se todas as imagens dos slides foram geradas com sucesso antes de executar a composição
- Verifique se o caminho do arquivo do plano está correto
- Certifique-se de que o número de imagens corresponde ao plano