infographic-generator
Installation
SKILL.md
Infographic Generator
End-to-end workflow: research → layout → HTML → PNG. Bring your own brand book and inspiration images, or use the built-in default design system.
Inputs
Collect before starting:
| Input | Required | Notes |
|---|---|---|
| Topic / title | Yes | What the infographic is about |
| Content points | No | Key points per section. If not provided, run Step 0 first. |
| Brand book | No | Brand context — paste it inline, drop a file, or describe it. Claude extracts colors, fonts, logo, tone from whatever is provided. |
| Inspiration image | No | A reference infographic to match the layout structure |
| Dimensions | No | portrait (default) or square |
| Output path | No | Defaults to ./output/infographic-[topic].png |