# Infographic Design

> Information graphic design, data storytelling, visual statistics, and infographic layout.

- Skill: `dragoon0x/infographic-design` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/infographic-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/infographic-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/infographic-design

---


# Infographic Design

## Structure
1. **Headline:** The main insight (not the topic)
2. **Introduction:** One sentence setting context
3. **Data sections:** 3-5 key data points with visuals
4. **Conclusion:** So what? What should the reader do?
5. **Source:** Always credit data sources

## Visual Rules
- One visual style throughout (don't mix illustration styles)
- Consistent color coding (blue = category A everywhere)
- Numbers are the heroes (make them large and prominent)
- Icons support, not replace, data
- White space between sections (scannable, not overwhelming)

## Data Integrity
1. Don't distort: areas and lengths should be proportional to values
2. Show the full picture: don't cherry-pick data points
3. Label everything: axes, units, time periods
4. Source everything: where did this data come from?
5. Date everything: when was this data collected?

## Layout
- Vertical scroll (not horizontal) for web
- Width: 800-1200px for web, narrower for social
- Mobile: reflow to single-column
- Exportable as image (PNG) and PDF