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!