Infographic
Plan infographic layout, copy hierarchy, and visual specs so you or a designer can ship marketing or pitch visuals without winging structure in chat.
Overview
Infographic is an agent skill most often used in Launch (also Grow, Validate) that plans infographic layouts, content structure, and visual hierarchy as implementable design specs.
Install
npx skills add https://github.com/claude-office-skills/skills --skill infographicWhat is this skill?
- Plans full infographic layout and section flow before any design tool work
- Structures content for visual impact with clear text hierarchy and supporting copy
- Recommends icons, charts, imagery, color, and typography as implementable specs
- Explicit scope: specifications for designers—does not render final graphic files
- Pairs with chart-designer, ppt-visual, and image-generation in the same office suite
Adoption & trust: 2.6k installs on skills.sh; 196 GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You have data and a story but no clear block order, hierarchy, or visual plan before opening a design tool.
Who is it for?
Solo builders preparing launch graphics, explainers, or slide-adjacent one-pagers who need structure before pixels.
Skip if: Teams that only need auto-generated PNG/SVG files with no planning step, or workflows that already have approved brand templates and fixed wireframes.
When should I use this skill?
You need infographic layouts, content structure, and visual hierarchy specifications for impactful information design.
What do I get? / Deliverables
You leave with a structured infographic blueprint—sections, copy levels, and visual recommendations—ready to hand to a designer or build in your template tool.
- Infographic layout and section structure
- Text hierarchy and suggested copy blocks
- Color, typography, and visual element recommendations
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Infographics are canonical launch collateral for distribution and awareness; solo builders reach for them when packaging a story for social, ads, or landing support. Distribution is where structured visual storytelling ships outward—this skill specifies hierarchy and elements rather than painting pixels in Figma.
Where it fits
Map a product launch thread into a vertical infographic with hero stat, three proof blocks, and CTA footer before Canva work.
Turn a newsletter's key metrics into a shareable infographic outline for LinkedIn repurposing.
Plan above-the-fold visual story for a waitlist landing page companion graphic.
How it compares
Use for narrative layout planning and specs, not as a replacement for chart-designer numeric charts or image-generation render skills.
Common Questions / FAQ
Who is infographic for?
Solo and indie builders in marketing, product, or founder roles who need infographic structure and copy hierarchy without a dedicated information designer on staff.
When should I use infographic?
At launch when drafting distribution visuals, during grow when turning blog or newsletter insights into shareable graphics, or at validate when shaping a landing or pitch one-pager—whenever you need visual storytelling planned before execution.
Is infographic safe to install?
It is documentation-style planning guidance with no special system hooks described; review the Security Audits panel on this Prism page before installing any skill from the catalog.
Workflow Chain
Then invoke: chart designer, image generation
SKILL.md
READMESKILL.md - Infographic
# 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 ``` ┌─────────────────────────────────────┐ │ HEADER/TITLE │ │ Key Statistic Hero │ ├─────────────────────────────────────┤ │ ┌─────┐ ┌─────┐ ┌─────┐ │ │ │ KPI │ │ KPI │ │ KPI │ │ │ └─────┘ └─────┘ └─────┘ │ ├─────────────────────────────────────┤ │ Main Chart/Graph │ ├─────────────────────────────────────┤ │ Supporting stats with icons │ ├─────────────────────────────────────┤ │ Call to Action │ │ Source/Logo │ └─────────────────────────────────────┘ ``` ### 2. Timeline Infographic **Best for**: History, project milestones, evolution ``` ┌─────────────────────────────────────┐ │ TITLE │ ├─────────────────────────────────────┤ │ 2020 ●───────────────────● │ │ Event 1 │ │ │ │ 2021 ●──────────────● │ │ Event 2 │ │ │ │ 2022 ●─────────● │ │ Event 3 │ │ │ │ 2023 ●────● │ │ Event 4 │ ├─────────────────────────────────────┤ │ Conclusion │ └─────────────────────────────────────┘ ``` ### 3. Process Infographic **Best for**: How-to guides, workflows, tutorials ``` ┌─────────────────────────────────────┐ │ HOW TO [X] │ ├─────────────────────────────────────┤ │ ┌───┐