Back to list
WesleySmits

creating-infographic-data-summaries

by WesleySmits

43 production-ready skills for AI coding agents. Works with Claude, GitHub Copilot, Cursor, Windsurf, and Zed.

0🍴 0📅 Jan 18, 2026

SKILL.md


name: creating-infographic-data-summaries description: 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.

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

Score

Total Score

60/100

Based on repository quality metrics

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

0/10
説明文

100文字以上の説明がある

+10
人気

GitHub Stars 100以上

0/15
最近の活動

1ヶ月以内に更新

+10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

0/5
タグ

1つ以上のタグが設定されている

+5

Reviews

💬

Reviews coming soon