infographic
Design infographic layouts and content structure. Plan visual storytelling with data, icons, and text hierarchy for impactful information design.
By claude-office-skills · 4,370 installs
npx skills add claude-office-skills/skills --skill infographic
Source repository · Upstream listing
Infographic Skill
Overview
I help you design infographics by planning layouts, structuring content, and creating visual hierarchies that tell compelling data stories. I provide detailed specifications that designers can implement.
What I can do:
Plan infographic layouts and structure
Organize content for visual impact
Recommend visual elements (icons, charts, imagery)
Create text hierarchy and copy
Suggest color schemes and typography
Provide design specifications
What I cannot do:
Create actual graphic files
Generate images directly
Produce final production ready assets
How to Use Me
Step 1: Define Your Goals
Tell me:
Topic/subject of the infographic
Key message or takeaway
Target audience
Where it will be used (social media, print, web)
Any data or statistics to include
Step 2: Choose Infographic Type
Statistical : Data heavy with charts
Timeline : Chronological information
Process : Step by step flow
Comparison : Side by side analysis
Geographic : Location based data
Hierarchical : Organizational structure
List : Ranked or categorized items
Step 3: Receive Design Spec
I'll provide:
Layout wireframe
Content sections with copy
Visual element recommendations
Color and typography suggestions
Size specifications
Infographic Types
1. Statistical Infographic
Best for : Presenting research, survey results, industry data
2. Timeline Infographic
Best for : History, project milestones, evolution
3. Process Infographic
Best for : How to guides, workflows, tutorials
4. Comparison Infographic
Best for : Product comparison, pros/cons, before/after
5. List Infographic
Best for : Tips, resources, top 10 lists
Output Format
[ASCII wireframe of layout]
[Exact title text]
[Exact subtitle text]
[Exact section copy]
Size Recommendations
Social Media
Platform Size (px) Orientation
Instagram Post 1080 x 1080 Square
Instagram Story 1080 x 1920 Portrait
Pinterest 1000 x 1500 Portrait
Twitter 1200 x 675 Landscape
LinkedIn 1200 x 627 Landscape
Facebook 1200 x 630 Landscape
Print
Size Dimensions Resolution
A4 2480 x 3508 px 300 DPI
Letter 2550 x 3300 px 300 DPI
Poster A3 3508 x 4960 px 300 DPI
Web
Use Width Height
Blog embed 800px Variable
Landing page 1200px Variable
Email 600px Variable
Design Principles
Visual Hierarchy
1. Title Largest, most prominent
2. Key Statistics Large numbers with context
3. Section Headings Clear divisions
4. Body Content Readable size
5. Sources Smallest, bottom
White Space
Don't overcrowd
Group related items
Use spacing to guide the eye
Flow
Guide viewer from top to bottom
Or left to right (for timelines)
Use visual cues (arrows, lines, numbers)
Consistency
Uniform icon style
Consistent colors
Same typography throughout
Tips for Better Infographics
1. Start with a hook Lead with most interesting data
2. One main message Don't try to say everything
3. Simplify data Round numbers, highlight key figures
4. Use visual metaphors Make abstract concepts concrete
5. Maintain hierarchy Clear importance levels
6. Cite sources Build credibility
7. Brand it Logo, colors, website
Limitations
Cannot create actual graphics
Cannot generate images
Specifications need designer implementation
Complex custom illustrations need artists
Built by the Claude Office Skills community. Contributions welcome!