Infographics
AI-generated images for a slide — pick layout and style in Casper, then brief your assistant.
Infographics are AI-generated images for a slide — not the same as
Composition patterns (page skeletons for /create-slide). Use them when one
screen needs a custom diagram, funnel, or visual metaphor instead of typed layout
blocks.
Browse in Casper
Open these sidebar galleries before you brief:
| Gallery | What it defines |
|---|---|
| Infographic layouts | Structure — flow, metaphors, how information is arranged |
| Infographic styles | Look — colour, texture, illustration style |
Each entry has a live preview and an id (for example funnel-vertical or
neon-editorial). Note the ids you want — you will pass them to your assistant.
You can also run in chat:
/list-infographic-layouts
/list-infographic-stylesGenerate with your assistant
- Pick layout and style ids in Casper (or from the list commands).
- Open the deck and know which screen should get the image.
- In assistant chat:
/generate-infographic for screen 4 — layout funnel-vertical, style minimal-flat/generate-infographic for the metrics slide — use layout timeline-horizontal
and style warm-editorialYour assistant loads the catalog prompts and produces an image asset for that slide. Preview updates in Casper when files are written.
Infographics vs composition
| Composition | Infographics | |
|---|---|---|
| Purpose | Page skeletons for carousel screens | One AI image per slide |
| Command | /create-slide, /list-compositions | /generate-infographic |
| Browse | Composition sidebar | Infographic layouts / styles |
| Output | TSX screens in slides/<id>/ | Image file referenced on a screen |
Tips
- Brief layout + style together — the agent combines both prompts.
- For a full carousel, use
/create-slidefirst, then/generate-infographiconly on screens that need a custom image. - Broken image after generation? Check Troubleshooting and Assets.