Claude-skill-registry creating-infographic-data-summaries

Converts data, research, and articles into infographic-ready summaries with visual hierarchy and chart suggestions. Use when the user asks about infographics, data visualization, visual summaries, chart types, or statistics presentation.

install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/infographic-data-summarizer" ~/.claude/skills/majiayu000-claude-skill-registry-creating-infographic-data-summaries && rm -rf "$T"
manifest: skills/data/infographic-data-summarizer/SKILL.md
source content

Infographic Data Summarizer

When to use this skill

  • User asks to create infographic content
  • User needs data visualization summaries
  • User wants statistics formatted visually
  • User mentions chart or graph selection
  • User needs research distilled for visuals

Workflow

  • Extract key data points
  • Identify main insight
  • Structure visual hierarchy
  • Suggest chart types
  • Write supporting copy
  • Create design brief

Instructions

Step 1: Data Source Analysis

Data source types:

SourceExtraction Approach
Research reportKey findings, statistics, conclusions
Survey resultsTop responses, percentages, trends
Article/blogStatistics cited, main claims
Dataset (CSV)Summarize, find outliers, trends
Case studyBefore/after metrics, results
Industry reportMarket size, growth, forecasts

Data extraction template:

## Data Extraction: [Source Title]

**Source:** [URL or document name]
**Date published:** [Date]
**Credibility:** [High/Medium/Low]

### Raw Data Points

| Statistic | Value    | Context            |
| --------- | -------- | ------------------ |
| [Metric]  | [Number] | [What it measures] |
| [Metric]  | [Number] | [What it measures] |
| [Metric]  | [Number] | [What it measures] |

### Key Findings

1. [Finding with specific number]
2. [Finding with specific number]
3. [Finding with specific number]

### Quotable Stat

"[Most compelling statistic in sentence form]"

Step 2: Data Prioritization

Statistic selection criteria:

CriteriaPriority
Surprising or counterintuitiveHigh
Large percentage or growthHigh
Directly relevant to audienceHigh
Comparison/contrastMedium
Supporting detailLow
Common knowledgeSkip

Priority matrix:

## Data Priority

### Hero Stat (1)

[The single most compelling/shareable statistic]

### Primary Stats (2-3)

1. [Supporting major insight]
2. [Supporting major insight]
3. [Supporting major insight]

### Secondary Stats (3-5)

1. [Adds context]
2. [Adds context]
3. [Adds context]

### Discard

- [Not compelling enough]
- [Too complex to visualize]

Step 3: Visual Hierarchy Structure

Infographic anatomy:

## Infographic Structure

### Header Section

- **Title:** [Attention-grabbing headline]
- **Subtitle:** [Context or scope]
- **Source logo:** [If featuring research partner]

### Hero Section

- **Big number:** [Hero statistic]
- **Supporting text:** [1-sentence context]
- **Icon/illustration:** [Visual representation]

### Body Sections (3-5)

#### Section 1: [Theme]

- **Subhead:** [Section title]
- **Stat:** [Number or percentage]
- **Visual:** [Chart type or icon]
- **Caption:** [Brief explanation]

#### Section 2: [Theme]

[Repeat format]

#### Section 3: [Theme]

[Repeat format]

### Footer Section

- **Call-to-action:** [What to do next]
- **Source citation:** [Where data came from]
- **Branding:** [Logo, URL, social handles]

Step 4: Chart Type Selection

Chart selection guide:

Data TypeBest ChartWhen to Use
Parts of wholePie/donutMax 5 segments, percentages
ComparisonBar chartComparing categories
RankingHorizontal barOrdered list, top 10
Change over timeLine chartTrends, time series
RelationshipScatter plotCorrelation between variables
DistributionHistogramFrequency, ranges
Flow/processFlowchartSteps, decisions
GeographicMapLocation-based data
ProportionIcon arrayX out of Y representation
ProgressProgress barCompletion, goals

Chart alternatives:

Instead ofConsiderWhy
Pie chart (6+ slices)Horizontal barEasier to compare
3D charts2D flatMore accurate perception
Dual-axis lineTwo separate chartsLess confusing
Dense data tableHighlighted key rowsScannable

Visual metaphors:

ConceptVisual Approach
GrowthUpward arrows, stacked bars
SpeedSpeedometer, racing imagery
MoneyCoins, bills, dollar signs
TimeClocks, calendars, timelines
PeopleIcon figures, silhouettes
ComparisonSide-by-side, vs. graphics

Step 5: Copy Elements

Headline formulas:

FormulaExample
[Number] + [Noun] + [Action/Result]"5 Habits That Double Productivity"
The State of [Topic] in [Year]"The State of Remote Work in 2026"
[Question]?"Where Does Your Time Really Go?"
[X] vs [Y]: [Comparison]"Millennials vs Gen Z: Spending Habits"
What [Number] [People] Taught Us"What 1,000 Marketers Taught Us About AI"
The [Adjective] Guide to [Topic]"The Visual Guide to Sleep Science"

Section headlines:

## Section Headline Patterns

- [Number] + Key Insight: "73% prefer remote work"
- Question format: "Who's adopting AI fastest?"
- Comparison: "Then vs Now"
- Action verb: "How teams are adapting"
- Time-based: "The rise of [trend] since 2020"

Caption writing:

ElementMax LengthPurpose
Section head5-7 wordsIntroduce the insight
Stat label2-4 wordsName what's measured
Caption10-15 wordsExplain significance
Source noteN/ACredit data origin

Step 6: Infographic Types

Type selection:

TypeBest ForStructure
StatisticalData-heavy researchHero stat + supporting data
TimelineHistory, evolutionChronological events
ProcessHow-to, stepsSequential flow
ComparisonVersus, pros/consTwo columns
GeographicRegional dataMap-based
ListTips, factsNumbered or bulleted
AnatomicalBreakdown, partsLabeled diagram
FlowchartDecisions, pathsBranching structure

Format dimensions:

PlatformDimensionsAspect Ratio
Pinterest1000 x 1500px2:3 vertical
Blog/article800 x 2000pxLong vertical
Social share1200 x 1200pxSquare
Presentation1920 x 1080px16:9 landscape
Print8.5 x 11" (300dpi)Letter vertical

Step 7: Data Visualization Best Practices

Do's and don'ts:

DoDon't
Start bar charts at zeroTruncate axes to exaggerate
Use consistent colorsRainbow every section
Label directly on chartRely only on legends
Round numbers (73%, not 72.8%)Use false precision
Show data sourcePresent unsourced claims
Use white spaceCrowd every element

Color usage:

PurposeApproach
HighlightUse accent color for key stat
CategoriesDistinct but harmonious palette
ComparisonTwo contrasting colors
SequentialLight to dark gradient
Positive/negativeGreen/red or blue/orange

Accessibility:

RequirementImplementation
Color blind safeUse patterns + colors
Text contrast4.5:1 minimum ratio
Font sizeMinimum 12pt for body
Alt textDescribe data and insights

Step 8: Design Brief Template

Brief for designer:

## Infographic Design Brief

### Overview

**Title:** [Infographic title]
**Topic:** [Subject matter]
**Goal:** [What action should viewers take]
**Audience:** [Who this is for]
**Dimensions:** [Size and orientation]
**Brand:** [Style guide or brand to follow]

### Content Hierarchy

#### Header

- Title: "[Headline]"
- Subtitle: "[Subtitle]"

#### Hero Section

- Big number: [XX%]
- Context: "[One-sentence explanation]"
- Visual: [Icon/illustration suggestion]

#### Section 1: [Title]

- Stat: [XX]
- Chart type: [Recommended chart]
- Data: [Values to visualize]
- Caption: "[Explanation]"

#### Section 2: [Title]

[Repeat format]

#### Section 3: [Title]

[Repeat format]

#### Footer

- CTA: "[Action text]"
- CTA link: [URL]
- Source: "[Data source with date]"
- Logo: [Brand logo placement]

### Visual Notes

- Color palette: [Hex codes or brand colors]
- Style: [Modern/playful/corporate/minimal]
- Icons: [Style preference]
- Avoid: [Any restrictions]

### Files Needed

- [ ] Web version (PNG)
- [ ] Social version (1:1)
- [ ] Print version (PDF)
- [ ] Editable source file

Step 9: Social Media Versions

Platform adaptations:

## Social Snippets

### Instagram/LinkedIn (1080x1080)

**Headline:** [Shortened title]
**Hero stat:** [Big number]
**2-3 supporting stats:** [Key points]
**CTA:** "Full infographic in bio" / "See more →"

### Twitter/X (1200x675)

**Headline:** [Shortened title]
**1-2 key stats:** [Most shareable]
**Visual:** Cropped hero section

### Pinterest (1000x1500)

**Use full infographic** or top half with
"Pin for later" messaging

### Stories (1080x1920)

**Split into slides:**

1. Hook/title
2. Hero stat
3. Section 1
4. Section 2
5. CTA

Step 10: Source Citation

Citation format:

## Data Sources

**Primary source:**
[Organization Name], "[Report/Study Title]," [Year].
[URL]

**Additional sources:**

- [Source 2 with link]
- [Source 3 with link]

**Data collection:**
[Brief methodology if relevant]

Citation placement:

LocationFormat
Footer"Source: [Organization], [Year]"
Per-statSuperscript number with footnote
Separate panel"Data sources" section

Output Format

# Infographic Summary: [Title]

## Overview

**Topic:** [Subject]
**Data sources:** [Count] sources
**Target audience:** [Who]
**Format:** [Type and dimensions]

---

## Headline

**Title:** [Main headline]
**Subtitle:** [Supporting context]

---

## Hero Statistic

**Number:** [XX%]
**Label:** [What it measures]
**Context:** [Why it matters]
**Visual suggestion:** [Chart/icon type]

---

## Supporting Sections

### Section 1: [Theme]

**Stat:** [Number]
**Chart type:** [Recommendation]
**Data points:** [Values]
**Caption:** [Explanation]

### Section 2: [Theme]

[Repeat format]

### Section 3: [Theme]

[Repeat format]

---

## Call-to-Action

**Text:** [CTA copy]
**Link:** [URL]

---

## Sources

[Full citations]

---

## Design Brief

[Complete brief for designer]

---

## Social Adaptations

[Platform-specific versions]

Validation

Before completing:

  • Hero stat is compelling and accurate
  • All statistics have sources
  • Numbers are rounded appropriately
  • Chart types match data types
  • Visual hierarchy is clear
  • Copy is concise (under word limits)
  • CTA is included
  • Accessibility considered
  • Multiple format sizes provided

Error Handling

  • No clear data: Ask for specific statistics, survey results, or research to work from.
  • Data too complex: Simplify to 3-5 key insights; suggest detailed report for rest.
  • No source provided: Request original source; note if data is unverified.
  • Conflicting data: Present most recent or most credible source; note discrepancy.
  • Data not visual: Recommend list-style infographic or icon-based representation.

Resources