Skills for Real Engineers. Straight from my .agents directory.
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
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)
1# Infographic Generator23Generate complete infographic specifications from any content, data, or topic.4Outputs structured layout + all copy + data points + color scheme — ready to render5as HTML/CSS, with [Satori](https://github.com/vercel/satori) (server-side), in Canva,6Figma, or any design tool.78**LinkedIn posts with images get 2-3x more engagement.** This skill turns your content9into visual assets without design skills.1011Inspired by [content-pipeline](https://github.com/Affitor/content-pipeline)'s Satori12rendering: AI writes the content → structured spec → rendered as a branded image.1314## Stage1516This skill belongs to Stage S2: Content1718## When to Use1920- After `viral-post-writer` creates a LinkedIn post — add a visual21- After `content-research-brief` collects stats — visualize them22- When creating comparison content — feature/pricing comparison chart23- When sharing data or stats — stat highlight cards24- When creating a listicle — visual checklist or numbered list25- For any social media post that would benefit from a branded image2627## Input Schema2829```yaml30content: string # (required) Content to visualize — post text, data, or article31infographic_type: string # (optional, default: auto-detected)32 # "stat_highlight" — 1-3 key numbers, large and bold33 # "comparison" — side-by-side product/feature comparison34 # "process_flow" — step-by-step workflow or how-to35…
Excerpt shown under the repository's MIT license.
More skills in affiliate-skills
Similar skill repositories
An agentic skills framework & software development methodology that works.
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
Public repository for Agent Skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
