Tooluck logoTooluck
SKILL.md

infographic-generator

Agent skill fromAffitor/affiliate-skills

Generate branded infographic specifications from any content or data. Outputs structured layout, copy, data visualization, and color scheme — ready to render as HTML/CSS, Satori, Canva, or any design tool. Use this skill when the user wants an infographic, data visual, social media image, comparison chart, stat card, or says "create an infographic for [content]", "make a visual for my LinkedIn post", "design an image for [topic]", "stat graphic for [data]", "comparison infographic", "branded image", "social media graphic", "infographic for [blog post]", "data visualization", "visual content", "image for my post", "LinkedIn carousel image", "feature comparison chart", "pricing table image".

How to install infographic-generator

install infographic-generator
# install the affiliate-skills pack with the skills CLI
npx skills add Affitor/affiliate-skills

# or add only this skill to Claude Code: copy the folder

skills/content/infographic-generator/

# into

~/.claude/skills/infographic-generator/ (all projects)

.claude/skills/infographic-generator/ (one project)

skills/content/infographic-generator/SKILL.md

MITFull file
1# Infographic Generator
2
3Generate complete infographic specifications from any content, data, or topic.
4Outputs structured layout + all copy + data points + color scheme — ready to render
5as HTML/CSS, with [Satori](https://github.com/vercel/satori) (server-side), in Canva,
6Figma, or any design tool.
7
8**LinkedIn posts with images get 2-3x more engagement.** This skill turns your content
9into visual assets without design skills.
10
11Inspired by [content-pipeline](https://github.com/Affitor/content-pipeline)'s Satori
12rendering: AI writes the content → structured spec → rendered as a branded image.
13
14## Stage
15
16This skill belongs to Stage S2: Content
17
18## When to Use
19
20- After `viral-post-writer` creates a LinkedIn post — add a visual
21- After `content-research-brief` collects stats — visualize them
22- When creating comparison content — feature/pricing comparison chart
23- When sharing data or stats — stat highlight cards
24- When creating a listicle — visual checklist or numbered list
25- For any social media post that would benefit from a branded image
26
27## Input Schema
28
29```yaml
30content: string # (required) Content to visualize — post text, data, or article
31infographic_type: string # (optional, default: auto-detected)
32 # "stat_highlight" — 1-3 key numbers, large and bold
33 # "comparison" — side-by-side product/feature comparison
34 # "process_flow" — step-by-step workflow or how-to
35…

Excerpt shown under the repository's MIT license.

More skills in affiliate-skills

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates