Infográficos
Imagens geradas por IA para uma tela — escolha layout e estilo no Casper e briefe o assistente.
Infográficos são imagens geradas por IA para uma tela — não são os mesmos padrões de
Composição (esqueletos de página para /create-slide). Use quando uma tela precisa de
diagrama, funil ou metáfora visual customizada em vez de blocos de layout digitados.
Navegar no Casper
Abra estas galerias na barra lateral antes de briefar:
| Galeria | O que define |
|---|---|
| Layouts de infográfico | Estrutura — fluxo, metáforas, como a informação se organiza |
| Estilos visuais | Visual — cor, textura, estilo de ilustração |
Cada entrada tem prévia ao vivo e um id (por exemplo funnel-vertical ou
neon-editorial). Anote os ids que quiser — você passará ao assistente.
Também pode rodar no chat:
/list-infographic-layouts
/list-infographic-stylesGerar com seu assistente
- Escolha ids de layout e estilo no Casper (ou pelos comandos de lista).
- Abra o deck e saiba qual tela receberá a imagem.
- No chat do assistente:
/generate-infographic for screen 4 — layout funnel-vertical, style minimal-flat/generate-infographic for the metrics slide — use layout timeline-horizontal
and style warm-editorialSeu assistente carrega os prompts do catálogo e produz um asset de imagem para aquela tela. A prévia atualiza no Casper quando os arquivos são escritos.
Infográficos vs composição
| Composição | Infográficos | |
|---|---|---|
| Finalidade | Esqueletos de página para telas de carrossel | Uma imagem IA por tela |
| Comando | /create-slide, /list-compositions | /generate-infographic |
| Navegar | Barra lateral Composição | Layouts / estilos de infográfico |
| Saída | Telas TSX em slides/<id>/ | Arquivo de imagem referenciado na tela |
Dicas
- Briefe layout + estilo juntos — o agente combina os dois prompts.
- Para carrossel completo, use
/create-slideprimeiro e/generate-infographicsó nas telas que precisam de imagem customizada. - Imagem quebrada após gerar? Veja Solução de problemas e Assets.