infographics

# Infographics

## Overview

Infographics are visual representations of information, data, or knowledge designed to present complex content quickly and clearly. **This skill uses Nano Banana Pro AI for infographic generation with Gemini 3 Pro quality review and Perplexity Sonar for research.**

**How it works:**
- (Optional) **Research phase**: Gather accurate facts and statistics using Perplexity Sonar
- Describe your infographic in natural language
- Nano Banana Pro generates publication-quality infographics automatically
- **Gemini 3 Pro reviews quality** against document-type thresholds
- **Smart iteration**: Only regenerates if quality is below threshold
- Professional-ready output in minutes
- No design skills required

**Quality Thresholds by Document Type:**
| Document Type | Threshold | Description |
|---------------|-----------|-------------|
| marketing | 8.5/10 | Marketing materials - must be compelling |
| report | 8.0/10 | Business reports - professional quality |
| presentation | 7.5/10 | Slides, talks - clear and engaging |
| social | 7.0/10 | Social media content |
| internal | 7.0/10 | Internal use |
| draft | 6.5/10 | Working drafts |
| default | 7.5/10 | General purpose |

**Simply describe what you want, and Nano Banana Pro creates it.**

## Quick Start

Generate any infographic by simply describing it:

```bash
# Generate a list infographic (default threshold 7.5/10)
python skills/infographics/scripts/generate_infographic.py \
  "5 benefits of regular exercise" \
  -o figures/exercise_benefits.png --type list

# Generate for marketing (highest threshold: 8.5/10)
python skills/infographics/scripts/generate_infographic.py \
  "Product features comparison" \
  -o figures/product_comparison.png --type comparison --doc-type marketing

# Generate with corporate style
python skills/infographics/scripts/generate_infographic.py \
  "Company milestones 2010-2025" \
  -o figures/timeline.png --type timeline --style corporate

# Generate with colorblind-safe palette
python skills/infographics/scripts/generate_infographic.py \
  "Heart disease statistics worldwide" \
  -o figures/health_stats.png --type statistical --palette wong

# Generate WITH RESEARCH for accurate, up-to-date data
python skills/infographics/scripts/generate_infographic.py \
  "Global AI market size and growth projections" \
  -o figures/ai_market.png --type statistical --research
```

**What happens behind the scenes:**
1. **(Optional) Research**: Perplexity Sonar gathers accurate facts, statistics, and data
2. **Generation 1**: Nano Banana Pro creates initial infographic following design best practices
3. **Review 1**: **Gemini 3 Pro** evaluates quality against document-type threshold
4. **Decision**: If quality >= threshold → **DONE** (no more iterations needed!)
5. **If below threshold**: Improved prompt based on critique, regenerate
6. **Repeat**: Until quality meets threshold OR max iterations reached

**Smart Iteration Benefits:**
- ✅ Saves API calls if first generation is good enough
- ✅ Higher quality standards for marketing materials
- ✅ Faster turnaround for drafts/internal use
- ✅ Appropriate quality for each use case

**Output**: Versioned images plus a detailed review log with quality scores, critiques, and early-stop information.

## When to Use This Skill

Use the **infographics** skill when:
- Presenting data or statistics in a visual format
- Creating timeline visualizations for project milestones or history
- Explaining processes, workflows, or step-by-step guides
- Comparing options, products, or concepts side-by-side
- Summarizing key points in an engaging visual format
- Creating geographic or map-based data visualizations
- Building hierarchical or organizational charts
- Designing social media content or marketing materials

**Use scientific-schematics instead for:**
- Technical flowcharts and circuit diagrams
- Biological pathways and molecular diagrams
- Neural network architecture diagrams
- CONSORT/PRISMA methodology diagrams

---

## Research Integration

### Automatic Data Gathering (`--research`)

When creating infographics that require accurate, up-to-date data, use the `--research` flag to automatically gather facts and statistics using **Perplexity Sonar Pro**.

```bash
# Research and generate statistical infographic
python skills/infographics/scripts/generate_infographic.py \
  "Global renewable energy adoption rates by country" \
  -o figures/renewable_energy.png --type statistical --research

# Research for timeline infographic
python skills/infographics/scripts/generate_infographic.py \
  "History of artificial intelligence breakthroughs" \
  -o figures/ai_history.png --type timeline --research

# Research for comparison infographic
python skills/infographics/scripts/generate_infographic.py \
  "Electric vehicles vs hydrogen vehicles comparison" \
  -o figures/ev_hydrogen.png --type comparison --research
```

### What Research Provides

The research phase automatically:

1. **Gathers Key Facts**: 5-8 relevant facts and statistics about the topic
2. **Provides Context**: Background information for accurate representation
3. **Finds Data Points**: Specific numbers, percentages, and dates
4. **Cites Sources**: Mentions major studies or sources
5. **Prioritizes Recency**: Focuses on 2023-2026 information

### When to Use Research

**Enable research (`--research`) for:**
- Statistical infographics requiring accurate numbers
- Market data, industry statistics, or trends
- Scientific or medical information
- Current events or recent developments
- Any topic where accuracy is critical

**Skip research for:**
- Simple conceptual infographics
- Internal process documentation
- Topics where you provide all the data in the prompt
- Speed-critical generation

### Research Output

When research is enabled, additional files are created:
- `{name}_research.json` - Raw research data and sources
- Research content is automatically incorporated into the infographic prompt

---

## Infographic Types

### 1. Statistical/Data-Driven (`--type statistical`)

Best for: Presenting numbers, percentages, survey results, and quantitative data.

**Key Elements:** Charts (bar, pie, line, donut), large numerical callouts, data comparisons, trend indicators.

```bash
python skills/infographics/scripts/generate_infographic.py \
  "Global internet usage 2025: 5.5 billion users (68% of population), \
   Asia Pacific 53%, Europe 15%, Americas 20%, Africa 12%" \
  -o figures/internet_stats.png --type statistical --style technology
```

---

### 2. Timeline (`--type timeline`)

Best for: Historical events, project milestones, company history, evolution of concepts.

**Key Elements:** Chronological flow, date markers, event nodes, connecting lines.

```bash
python skills/infographics/scripts/generate_infographic.py \
  "History of AI: 1950 Turing Test, 1956 Dartmouth Conference, \
   1997 Deep Blue, 2016 AlphaGo, 2022 ChatGPT" \
  -o figures/ai_history.png --type timeline --style technology
```

---

### 3. Process/How-To (`--type process`)

Best for: Step-by-step instructions, workflows, procedures, tutorials.

**Key Elements:** Numbered steps, directional arrows, action icons, clear flow.

```bash
python skills/infographics/scripts/generate_infographic.py \
  "How to start a podcast: 1. Choose your niche, 2. Plan content, \
   3. Set up equipment, 4. Record episodes, 5. Publish and promote" \
  -o figures/podcast_process.png --type process --style marketing
```

---

### 4. Comparison (`--type comparison`)

Best for: Product comparisons, pros/cons, before/after, option evaluation.

**Key Elements:** Side-by-side layout, matching categories, check/cross indicators.

```bash
python skills/infographics/scripts/generate_infographic.py \
  "Electric vs Gas Cars: Fuel cost (lower vs higher), \
   Maintenance (less vs more), Range (improving vs established)" \
  -o figures/ev_comparison.png --type comparison --style nature
```

---

### 5. List/Informational (`--type list`)

Best for: Tips, facts, key points, summaries, quick reference guides.

**Key Elements:** Numbered or bulleted points, icons, clear hierarchy.

```bash
python skills/infographics/scripts/generate_infographic.py \
  "7 Habits of Highly Effective People: Be Proactive, \
   Begin with End in Mind, Put First Things First, Think Win-Win, \
   Seek First to Understand, Synergize, Sharpen the Saw" \
  -o figures/habits.png --type list --style corporate
```

---

### 6. Geographic (`--type geographic`)

Best for: Regional data, demographics, location-based statistics, global trends.

**Key Elements:** Map visualization, color coding, data overlays, legend.

```bash
python skills/infographics/scripts/generate_infographic.py \
  "Renewable energy adoption by region: Iceland 100%, Norway 98%, \
   Germany 50%, USA 22%, India 20%" \
  -o figures/renewable_map.png --type geographic --style nature
```

---

### 7. Hierarchical/Pyramid (`--type hierarchical`)

Best for: Organizational structures, priority levels, importance ranking.

**Key Elements:** Pyramid or tree structure, distinct levels, size progression.

```bash
python skills/infographics/scripts/generate_infographic.py \
  "Maslow's Hierarchy: Physiological, Safety, Love/Belonging, \
   Esteem, Self-Actualization" \
  -o figures/maslow.png --type hierarchical --style education
```

---

### 8. Anatomical/Visual Metaphor (`--type anatomical`)

Best for: Explaining complex systems using familiar visual metaphors.

**Key Elements:** Central metaphor image, labeled parts, connection lines.

```bash
python skills/infographics/scripts/generate_infographic.py \
  "Business as a human body: Brain=Leadership, Heart=Culture, \
   Arms=Sales, Legs=Operations, Skeleton=Systems" \
  -o figures/business_body.png --type anatomical --style corporate
```

---

### 9. Resume/Professional (`--type resume`)

Best for: Personal branding, CVs, portfolio highlights, professional achievements.

**Key Elements:** Photo area, skills visualization, timeline, contact info.

```bash
python skills/infographics/scripts/generate_infographic.py \
  "UX Designer resume: Skills - User Research 95%, Wireframing 90%, \
   Prototyping 85%. Experience - 2020-2022 Junior, 2022-2025 Senior" \
  -o figures/resume.png --type resume --style technology
```

---

### 10. Social Media (`--type social`)

Best for: Instagram, LinkedIn, Twitter/X posts, shareable graphics.

**Key Elements:** Bold headline, minimal text, maximum impact, vibrant colors.

```bash
python skills/infographics/scripts/generate_infographic.py \
  "Save Water, Save Life: 2.2 billion people lack safe drinking water. \
   Tips: shorter showers, fix leaks, full loads only" \
  -o figures/water_social.png --type social --style marketing
```

---

## Style Presets

### Industry Styles (`--style`)

| Style | Colors | Best For |
|-------|--------|----------|
| `corporate` | Navy, steel blue, gold | Business reports, finance |
| `healthcare` | Medical blue, cyan, light cyan | Medical, wellness |
| `technology` | Tech blue, slate, violet | Software, data, AI |
| `nature` | Forest green, mint, earth brown | Environmental, organic |
| `education` | Academic blue, light blue, coral | Learning, academic |
| `marketing` | Coral, teal, yellow | Social media, campaigns |
| `finance` | Navy, gold, green/red | Investment, banking |
| `nonprofit` | Warm orange, sage, sand | Social causes, charities |

```bash
# Corporate style
python skills/infographics/scripts/generate_infographic.py \
  "Q4 Results" -o q4.png --type statistical --style corporate

# Healthcare style
python skills/infographics/scripts/generate_infographic.py \
  "Patient Journey" -o journey.png --type process --style healthcare
```

---

## Colorblind-Safe Palettes

### Available Palettes (`--palette`)

| Palette | Colors | Description |
|---------|--------|-------------|
| `wong` | Orange, sky blue, green, blue, vermillion | Most widely recommended |
| `ibm` | Ultramarine, indigo, magenta, orange, gold | IBM's accessible palette |
| `tol` | 12-color extended palette | For many categories |

```bash
# Wong's colorblind-safe palette
python skills/infographics/scripts/generate_infographic.py \
  "Survey results by category" -o survey.png --type statistical --palette wong
```

---

## Smart Iterative Refinement

### How It Works

```
┌─────────────────────────────────────────────────────┐
│  1. Generate infographic with Nano Banana Pro       │
│                    ↓                                │
│  2. Review quality with Gemini 3 Pro                │
│                    ↓                                │
│  3. Score >= threshold?                             │
│       YES → DONE! (early stop)                      │
│       NO  → Improve prompt, go to step 1            │
│                    ↓                                │
│  4. Repeat until quality met OR max iterations      │
└─────────────────────────────────────────────────────┘
```

### Quality Review Criteria

Gemini 3 Pro evaluates each infographic on:

1. **Visual Hierarchy & Layout** (0-2 points)
   - Clear visual hierarchy
   - Logical reading flow
   - Balanced composition

2. **Typography & Readability** (0-2 points)
   - Readable text
   - Bold headlines
   - No overlapping

3. **Data Visualization** (0-2 points)
   - Prominent numbers
   - Clear charts/icons
   - Proper labels

4. **Color & Accessibility** (0-2 points)
   - Professional colors
   - Sufficient contrast
   - Colorblind-friendly

5. **Overall Impact** (0-2 points)
   - Professional appearance
   - Free of visual bugs
   - Achieves communication goal

### Review Log

Each generation produces a JSON review log:
```json
{
  "user_prompt": "5 benefits of exercise...",
  "infographic_type": "list",
  "style": "healthcare",
  "doc_type": "marketing",
  "quality_threshold": 8.5,
  "iterations": [
    {
      "iteration": 1,
      "image_path": "figures/exercise_v1.png",
      "score": 8.7,
      "needs_improvement": false,
      "critique": "SCORE: 8.7\nSTRENGTHS:..."
    }
  ],
  "final_score": 8.7,
  "early_stop": true,
  "early_stop_reason": "Quality score 8.7 meets threshold 8.5"
}
```

---

## Command-Line Reference

```bash
python skills/infographics/scripts/generate_infographic.py [OPTIONS] PROMPT

Arguments:
  PROMPT                    Description of the infographic content

Options:
  -o, --output PATH         Output file path (required)
  -t, --type TYPE           Infographic type preset
  -s, --style STYLE         Industry style preset
  -p, --palette PALETTE     Colorblind-safe palette
  -b, --background COLOR    Background color (default: white)
  --doc-type TYPE           Document type for quality threshold
  --iterations N            Maximum refinement iterations (default: 3)
  --api-key KEY             OpenRouter API key
  -v, --verbose             Verbose output
  --list-options            List all available options
```

### List All Options

```bash
python skills/infographics/scripts/generate_infographic.py --list-options
```

---

## Configuration

### API Key Setup

Set your OpenRouter API key:
```bash
export OPENROUTER_API_KEY='your_api_key_here'
```

Get an API key at: https://openrouter.ai/keys

---

## Prompt Engineering Tips

### Be Specific About Content

✓ **Good prompts** (specific, detailed):
```
"5 benefits of meditation: reduces stress, improves focus, 
better sleep, lower blood pressure, emotional balance"
```

✗ **Avoid vague prompts**:
```
"meditation infographic"
```

### Include Data Points

✓ **Good**:
```
"Market growth from $10B (2020) to $45B (2025), CAGR 35%"
```

✗ **Vague**:
```
"market is growing"
```

### Specify Visual Elements

✓ **Good**:
```
"Timeline showing 5 milestones with icons for each event"
```

---

## Reference Files

For detailed guidance, load these reference files:

- **`references/infographic_types.md`**: Extended templates for all 10+ types
- **`references/design_principles.md`**: Visual hierarchy, layout, typography
- **`references/color_palettes.md`**: Full palette specifications

---

## Troubleshooting

### Common Issues

**Problem**: Text in infographic is unreadable
- **Solution**: Reduce text content; use --type to specify layout type

**Problem**: Colors clash or are inaccessible
- **Solution**: Use `--palette wong` for colorblind-safe colors

**Problem**: Quality score too low
- **Solution**: Increase iterations with `--iterations 3`; use more specific prompt

**Problem**: Wrong infographic type generated
- **Solution**: Always specify `--type` flag for consistent results

---

## Integration with Other Skills

This skill works synergistically with:

- **scientific-schematics**: For technical diagrams and flowcharts
- **market-research-reports**: Infographics for business reports
- **scientific-slides**: Infographic elements for presentations
- **generate-image**: For non-infographic visual content

---

## Quick Reference Checklist

Before generating:
- [ ] Clear, specific content description
- [ ] Infographic type selected (`--type`)
- [ ] Style appropriate for audience (`--style`)
- [ ] Output path specified (`-o`)
- [ ] API key configured

After generating:
- [ ] Review the generated image
- [ ] Check the review log for scores
- [ ] Regenerate with more specific prompt if needed

---

Use this skill to create professional, accessible, and visually compelling infographics using the power of Nano Banana Pro AI with intelligent quality review.

{
  "format": "aiskill/v1",
  "skill": {
    "name": "infographics",
    "slug": "infographics",
    "version": "1.0.0",
    "description": "Create professional infographics using Nano Banana Pro AI with smart iterative refinement. Uses Gemini 3 Pro for quality review. Integrates research-lookup and web search for accurate data. Supports 10 infographic types, 8 industry styles, and colorblind-safe palettes.",
    "category": "Research",
    "tags": [
      "research-science",
      "research"
    ],
    "platforms": [
      "chatgpt",
      "claude-code",
      "cursor"
    ],
    "tested_environment": "Agent Skills convention (SKILL.md) — works with Claude Code, Cursor, ChatGPT/Codex and compatible agents",
    "license": "MIT"
  },
  "prompts": {
    "system": "# Infographics\r\n\r\n## Overview\r\n\r\nInfographics are visual representations of information, data, or knowledge designed to present complex content quickly and clearly. **This skill uses Nano Banana Pro AI for infographic generation with Gemini 3 Pro quality review and Perplexity Sonar for research.**\r\n\r\n**How it works:**\r\n- (Optional) **Research phase**: Gather accurate facts and statistics using Perplexity Sonar\r\n- Describe your infographic in natural language\r\n- Nano Banana Pro generates publication-quality infographics automatically\r\n- **Gemini 3 Pro reviews quality** against document-type thresholds\r\n- **Smart iteration**: Only regenerates if quality is below threshold\r\n- Professional-ready output in minutes\r\n- No design skills required\r\n\r\n**Quality Thresholds by Document Type:**\r\n| Document Type | Threshold | Description |\r\n|---------------|-----------|-------------|\r\n| marketing | 8.5/10 | Marketing materials - must be compelling |\r\n| report | 8.0/10 | Business reports - professional quality |\r\n| presentation | 7.5/10 | Slides, talks - clear and engaging |\r\n| social | 7.0/10 | Social media content |\r\n| internal | 7.0/10 | Internal use |\r\n| draft | 6.5/10 | Working drafts |\r\n| default | 7.5/10 | General purpose |\r\n\r\n**Simply describe what you want, and Nano Banana Pro creates it.**\r\n\r\n## Quick Start\r\n\r\nGenerate any infographic by simply describing it:\r\n\r\n```bash\r\n# Generate a list infographic (default threshold 7.5/10)\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"5 benefits of regular exercise\" \\\r\n  -o figures/exercise_benefits.png --type list\r\n\r\n# Generate for marketing (highest threshold: 8.5/10)\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Product features comparison\" \\\r\n  -o figures/product_comparison.png --type comparison --doc-type marketing\r\n\r\n# Generate with corporate style\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Company milestones 2010-2025\" \\\r\n  -o figures/timeline.png --type timeline --style corporate\r\n\r\n# Generate with colorblind-safe palette\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Heart disease statistics worldwide\" \\\r\n  -o figures/health_stats.png --type statistical --palette wong\r\n\r\n# Generate WITH RESEARCH for accurate, up-to-date data\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Global AI market size and growth projections\" \\\r\n  -o figures/ai_market.png --type statistical --research\r\n```\r\n\r\n**What happens behind the scenes:**\r\n1. **(Optional) Research**: Perplexity Sonar gathers accurate facts, statistics, and data\r\n2. **Generation 1**: Nano Banana Pro creates initial infographic following design best practices\r\n3. **Review 1**: **Gemini 3 Pro** evaluates quality against document-type threshold\r\n4. **Decision**: If quality >= threshold → **DONE** (no more iterations needed!)\r\n5. **If below threshold**: Improved prompt based on critique, regenerate\r\n6. **Repeat**: Until quality meets threshold OR max iterations reached\r\n\r\n**Smart Iteration Benefits:**\r\n- ✅ Saves API calls if first generation is good enough\r\n- ✅ Higher quality standards for marketing materials\r\n- ✅ Faster turnaround for drafts/internal use\r\n- ✅ Appropriate quality for each use case\r\n\r\n**Output**: Versioned images plus a detailed review log with quality scores, critiques, and early-stop information.\r\n\r\n## When to Use This Skill\r\n\r\nUse the **infographics** skill when:\r\n- Presenting data or statistics in a visual format\r\n- Creating timeline visualizations for project milestones or history\r\n- Explaining processes, workflows, or step-by-step guides\r\n- Comparing options, products, or concepts side-by-side\r\n- Summarizing key points in an engaging visual format\r\n- Creating geographic or map-based data visualizations\r\n- Building hierarchical or organizational charts\r\n- Designing social media content or marketing materials\r\n\r\n**Use scientific-schematics instead for:**\r\n- Technical flowcharts and circuit diagrams\r\n- Biological pathways and molecular diagrams\r\n- Neural network architecture diagrams\r\n- CONSORT/PRISMA methodology diagrams\r\n\r\n---\r\n\r\n## Research Integration\r\n\r\n### Automatic Data Gathering (`--research`)\r\n\r\nWhen creating infographics that require accurate, up-to-date data, use the `--research` flag to automatically gather facts and statistics using **Perplexity Sonar Pro**.\r\n\r\n```bash\r\n# Research and generate statistical infographic\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Global renewable energy adoption rates by country\" \\\r\n  -o figures/renewable_energy.png --type statistical --research\r\n\r\n# Research for timeline infographic\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"History of artificial intelligence breakthroughs\" \\\r\n  -o figures/ai_history.png --type timeline --research\r\n\r\n# Research for comparison infographic\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Electric vehicles vs hydrogen vehicles comparison\" \\\r\n  -o figures/ev_hydrogen.png --type comparison --research\r\n```\r\n\r\n### What Research Provides\r\n\r\nThe research phase automatically:\r\n\r\n1. **Gathers Key Facts**: 5-8 relevant facts and statistics about the topic\r\n2. **Provides Context**: Background information for accurate representation\r\n3. **Finds Data Points**: Specific numbers, percentages, and dates\r\n4. **Cites Sources**: Mentions major studies or sources\r\n5. **Prioritizes Recency**: Focuses on 2023-2026 information\r\n\r\n### When to Use Research\r\n\r\n**Enable research (`--research`) for:**\r\n- Statistical infographics requiring accurate numbers\r\n- Market data, industry statistics, or trends\r\n- Scientific or medical information\r\n- Current events or recent developments\r\n- Any topic where accuracy is critical\r\n\r\n**Skip research for:**\r\n- Simple conceptual infographics\r\n- Internal process documentation\r\n- Topics where you provide all the data in the prompt\r\n- Speed-critical generation\r\n\r\n### Research Output\r\n\r\nWhen research is enabled, additional files are created:\r\n- `{name}_research.json` - Raw research data and sources\r\n- Research content is automatically incorporated into the infographic prompt\r\n\r\n---\r\n\r\n## Infographic Types\r\n\r\n### 1. Statistical/Data-Driven (`--type statistical`)\r\n\r\nBest for: Presenting numbers, percentages, survey results, and quantitative data.\r\n\r\n**Key Elements:** Charts (bar, pie, line, donut), large numerical callouts, data comparisons, trend indicators.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Global internet usage 2025: 5.5 billion users (68% of population), \\\r\n   Asia Pacific 53%, Europe 15%, Americas 20%, Africa 12%\" \\\r\n  -o figures/internet_stats.png --type statistical --style technology\r\n```\r\n\r\n---\r\n\r\n### 2. Timeline (`--type timeline`)\r\n\r\nBest for: Historical events, project milestones, company history, evolution of concepts.\r\n\r\n**Key Elements:** Chronological flow, date markers, event nodes, connecting lines.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"History of AI: 1950 Turing Test, 1956 Dartmouth Conference, \\\r\n   1997 Deep Blue, 2016 AlphaGo, 2022 ChatGPT\" \\\r\n  -o figures/ai_history.png --type timeline --style technology\r\n```\r\n\r\n---\r\n\r\n### 3. Process/How-To (`--type process`)\r\n\r\nBest for: Step-by-step instructions, workflows, procedures, tutorials.\r\n\r\n**Key Elements:** Numbered steps, directional arrows, action icons, clear flow.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"How to start a podcast: 1. Choose your niche, 2. Plan content, \\\r\n   3. Set up equipment, 4. Record episodes, 5. Publish and promote\" \\\r\n  -o figures/podcast_process.png --type process --style marketing\r\n```\r\n\r\n---\r\n\r\n### 4. Comparison (`--type comparison`)\r\n\r\nBest for: Product comparisons, pros/cons, before/after, option evaluation.\r\n\r\n**Key Elements:** Side-by-side layout, matching categories, check/cross indicators.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Electric vs Gas Cars: Fuel cost (lower vs higher), \\\r\n   Maintenance (less vs more), Range (improving vs established)\" \\\r\n  -o figures/ev_comparison.png --type comparison --style nature\r\n```\r\n\r\n---\r\n\r\n### 5. List/Informational (`--type list`)\r\n\r\nBest for: Tips, facts, key points, summaries, quick reference guides.\r\n\r\n**Key Elements:** Numbered or bulleted points, icons, clear hierarchy.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"7 Habits of Highly Effective People: Be Proactive, \\\r\n   Begin with End in Mind, Put First Things First, Think Win-Win, \\\r\n   Seek First to Understand, Synergize, Sharpen the Saw\" \\\r\n  -o figures/habits.png --type list --style corporate\r\n```\r\n\r\n---\r\n\r\n### 6. Geographic (`--type geographic`)\r\n\r\nBest for: Regional data, demographics, location-based statistics, global trends.\r\n\r\n**Key Elements:** Map visualization, color coding, data overlays, legend.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Renewable energy adoption by region: Iceland 100%, Norway 98%, \\\r\n   Germany 50%, USA 22%, India 20%\" \\\r\n  -o figures/renewable_map.png --type geographic --style nature\r\n```\r\n\r\n---\r\n\r\n### 7. Hierarchical/Pyramid (`--type hierarchical`)\r\n\r\nBest for: Organizational structures, priority levels, importance ranking.\r\n\r\n**Key Elements:** Pyramid or tree structure, distinct levels, size progression.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Maslow's Hierarchy: Physiological, Safety, Love/Belonging, \\\r\n   Esteem, Self-Actualization\" \\\r\n  -o figures/maslow.png --type hierarchical --style education\r\n```\r\n\r\n---\r\n\r\n### 8. Anatomical/Visual Metaphor (`--type anatomical`)\r\n\r\nBest for: Explaining complex systems using familiar visual metaphors.\r\n\r\n**Key Elements:** Central metaphor image, labeled parts, connection lines.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Business as a human body: Brain=Leadership, Heart=Culture, \\\r\n   Arms=Sales, Legs=Operations, Skeleton=Systems\" \\\r\n  -o figures/business_body.png --type anatomical --style corporate\r\n```\r\n\r\n---\r\n\r\n### 9. Resume/Professional (`--type resume`)\r\n\r\nBest for: Personal branding, CVs, portfolio highlights, professional achievements.\r\n\r\n**Key Elements:** Photo area, skills visualization, timeline, contact info.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"UX Designer resume: Skills - User Research 95%, Wireframing 90%, \\\r\n   Prototyping 85%. Experience - 2020-2022 Junior, 2022-2025 Senior\" \\\r\n  -o figures/resume.png --type resume --style technology\r\n```\r\n\r\n---\r\n\r\n### 10. Social Media (`--type social`)\r\n\r\nBest for: Instagram, LinkedIn, Twitter/X posts, shareable graphics.\r\n\r\n**Key Elements:** Bold headline, minimal text, maximum impact, vibrant colors.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Save Water, Save Life: 2.2 billion people lack safe drinking water. \\\r\n   Tips: shorter showers, fix leaks, full loads only\" \\\r\n  -o figures/water_social.png --type social --style marketing\r\n```\r\n\r\n---\r\n\r\n## Style Presets\r\n\r\n### Industry Styles (`--style`)\r\n\r\n| Style | Colors | Best For |\r\n|-------|--------|----------|\r\n| `corporate` | Navy, steel blue, gold | Business reports, finance |\r\n| `healthcare` | Medical blue, cyan, light cyan | Medical, wellness |\r\n| `technology` | Tech blue, slate, violet | Software, data, AI |\r\n| `nature` | Forest green, mint, earth brown | Environmental, organic |\r\n| `education` | Academic blue, light blue, coral | Learning, academic |\r\n| `marketing` | Coral, teal, yellow | Social media, campaigns |\r\n| `finance` | Navy, gold, green/red | Investment, banking |\r\n| `nonprofit` | Warm orange, sage, sand | Social causes, charities |\r\n\r\n```bash\r\n# Corporate style\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Q4 Results\" -o q4.png --type statistical --style corporate\r\n\r\n# Healthcare style\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Patient Journey\" -o journey.png --type process --style healthcare\r\n```\r\n\r\n---\r\n\r\n## Colorblind-Safe Palettes\r\n\r\n### Available Palettes (`--palette`)\r\n\r\n| Palette | Colors | Description |\r\n|---------|--------|-------------|\r\n| `wong` | Orange, sky blue, green, blue, vermillion | Most widely recommended |\r\n| `ibm` | Ultramarine, indigo, magenta, orange, gold | IBM's accessible palette |\r\n| `tol` | 12-color extended palette | For many categories |\r\n\r\n```bash\r\n# Wong's colorblind-safe palette\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Survey results by category\" -o survey.png --type statistical --palette wong\r\n```\r\n\r\n---\r\n\r\n## Smart Iterative Refinement\r\n\r\n### How It Works\r\n\r\n```\r\n┌─────────────────────────────────────────────────────┐\r\n│  1. Generate infographic with Nano Banana Pro       │\r\n│                    ↓                                │\r\n│  2. Review quality with Gemini 3 Pro                │\r\n│                    ↓                                │\r\n│  3. Score >= threshold?                             │\r\n│       YES → DONE! (early stop)                      │\r\n│       NO  → Improve prompt, go to step 1            │\r\n│                    ↓                                │\r\n│  4. Repeat until quality met OR max iterations      │\r\n└─────────────────────────────────────────────────────┘\r\n```\r\n\r\n### Quality Review Criteria\r\n\r\nGemini 3 Pro evaluates each infographic on:\r\n\r\n1. **Visual Hierarchy & Layout** (0-2 points)\r\n   - Clear visual hierarchy\r\n   - Logical reading flow\r\n   - Balanced composition\r\n\r\n2. **Typography & Readability** (0-2 points)\r\n   - Readable text\r\n   - Bold headlines\r\n   - No overlapping\r\n\r\n3. **Data Visualization** (0-2 points)\r\n   - Prominent numbers\r\n   - Clear charts/icons\r\n   - Proper labels\r\n\r\n4. **Color & Accessibility** (0-2 points)\r\n   - Professional colors\r\n   - Sufficient contrast\r\n   - Colorblind-friendly\r\n\r\n5. **Overall Impact** (0-2 points)\r\n   - Professional appearance\r\n   - Free of visual bugs\r\n   - Achieves communication goal\r\n\r\n### Review Log\r\n\r\nEach generation produces a JSON review log:\r\n```json\r\n{\r\n  \"user_prompt\": \"5 benefits of exercise...\",\r\n  \"infographic_type\": \"list\",\r\n  \"style\": \"healthcare\",\r\n  \"doc_type\": \"marketing\",\r\n  \"quality_threshold\": 8.5,\r\n  \"iterations\": [\r\n    {\r\n      \"iteration\": 1,\r\n      \"image_path\": \"figures/exercise_v1.png\",\r\n      \"score\": 8.7,\r\n      \"needs_improvement\": false,\r\n      \"critique\": \"SCORE: 8.7\\nSTRENGTHS:...\"\r\n    }\r\n  ],\r\n  \"final_score\": 8.7,\r\n  \"early_stop\": true,\r\n  \"early_stop_reason\": \"Quality score 8.7 meets threshold 8.5\"\r\n}\r\n```\r\n\r\n---\r\n\r\n## Command-Line Reference\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py [OPTIONS] PROMPT\r\n\r\nArguments:\r\n  PROMPT                    Description of the infographic content\r\n\r\nOptions:\r\n  -o, --output PATH         Output file path (required)\r\n  -t, --type TYPE           Infographic type preset\r\n  -s, --style STYLE         Industry style preset\r\n  -p, --palette PALETTE     Colorblind-safe palette\r\n  -b, --background COLOR    Background color (default: white)\r\n  --doc-type TYPE           Document type for quality threshold\r\n  --iterations N            Maximum refinement iterations (default: 3)\r\n  --api-key KEY             OpenRouter API key\r\n  -v, --verbose             Verbose output\r\n  --list-options            List all available options\r\n```\r\n\r\n### List All Options\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py --list-options\r\n```\r\n\r\n---\r\n\r\n## Configuration\r\n\r\n### API Key Setup\r\n\r\nSet your OpenRouter API key:\r\n```bash\r\nexport OPENROUTER_API_KEY='your_api_key_here'\r\n```\r\n\r\nGet an API key at: https://openrouter.ai/keys\r\n\r\n---\r\n\r\n## Prompt Engineering Tips\r\n\r\n### Be Specific About Content\r\n\r\n✓ **Good prompts** (specific, detailed):\r\n```\r\n\"5 benefits of meditation: reduces stress, improves focus, \r\nbetter sleep, lower blood pressure, emotional balance\"\r\n```\r\n\r\n✗ **Avoid vague prompts**:\r\n```\r\n\"meditation infographic\"\r\n```\r\n\r\n### Include Data Points\r\n\r\n✓ **Good**:\r\n```\r\n\"Market growth from $10B (2020) to $45B (2025), CAGR 35%\"\r\n```\r\n\r\n✗ **Vague**:\r\n```\r\n\"market is growing\"\r\n```\r\n\r\n### Specify Visual Elements\r\n\r\n✓ **Good**:\r\n```\r\n\"Timeline showing 5 milestones with icons for each event\"\r\n```\r\n\r\n---\r\n\r\n## Reference Files\r\n\r\nFor detailed guidance, load these reference files:\r\n\r\n- **`references/infographic_types.md`**: Extended templates for all 10+ types\r\n- **`references/design_principles.md`**: Visual hierarchy, layout, typography\r\n- **`references/color_palettes.md`**: Full palette specifications\r\n\r\n---\r\n\r\n## Troubleshooting\r\n\r\n### Common Issues\r\n\r\n**Problem**: Text in infographic is unreadable\r\n- **Solution**: Reduce text content; use --type to specify layout type\r\n\r\n**Problem**: Colors clash or are inaccessible\r\n- **Solution**: Use `--palette wong` for colorblind-safe colors\r\n\r\n**Problem**: Quality score too low\r\n- **Solution**: Increase iterations with `--iterations 3`; use more specific prompt\r\n\r\n**Problem**: Wrong infographic type generated\r\n- **Solution**: Always specify `--type` flag for consistent results\r\n\r\n---\r\n\r\n## Integration with Other Skills\r\n\r\nThis skill works synergistically with:\r\n\r\n- **scientific-schematics**: For technical diagrams and flowcharts\r\n- **market-research-reports**: Infographics for business reports\r\n- **scientific-slides**: Infographic elements for presentations\r\n- **generate-image**: For non-infographic visual content\r\n\r\n---\r\n\r\n## Quick Reference Checklist\r\n\r\nBefore generating:\r\n- [ ] Clear, specific content description\r\n- [ ] Infographic type selected (`--type`)\r\n- [ ] Style appropriate for audience (`--style`)\r\n- [ ] Output path specified (`-o`)\r\n- [ ] API key configured\r\n\r\nAfter generating:\r\n- [ ] Review the generated image\r\n- [ ] Check the review log for scores\r\n- [ ] Regenerate with more specific prompt if needed\r\n\r\n---\r\n\r\nUse this skill to create professional, accessible, and visually compelling infographics using the power of Nano Banana Pro AI with intelligent quality review.",
    "user_template": ""
  },
  "variables": [],
  "install": {
    "steps": [
      {
        "title": "Download & unzip",
        "detail": "Download the .zip package from SkillVault and unzip it. The infographics/ folder contains SKILL.md plus any companion scripts, references and assets."
      },
      {
        "title": "Copy into your agent skills directory",
        "detail": "Move the folder into your agent's skills directory — e.g. ~/.claude/skills/ (Claude Code), .codex/skills/, .cursor/skills/ or your project's .claude/skills/ folder — then restart or reload the session."
      },
      {
        "title": "Use it",
        "detail": "Describe the task in natural language; the agent loads the skill automatically when the request matches the skill description."
      }
    ]
  },
  "usage": {
    "steps": []
  },
  "metadata": {
    "author": "SkillVault",
    "source": "https://skillvault.top/skills/infographics",
    "exported_at": "2026-11-03T07:44:22.734Z"
  }
}

format: aiskill/v1
skill:
  name: infographics
  slug: infographics
  version: 1.0.0
  description: >-
    Create professional infographics using Nano Banana Pro AI with smart iterative refinement. Uses
    Gemini 3 Pro for quality review. Integrates research-lookup and web search for accurate data.
    Supports 10 infographic types, 8 industry styles, and colorblind-safe palettes.
  category: Research
  tags:
    - research-science
    - research
  platforms:
    - chatgpt
    - claude-code
    - cursor
  tested_environment: >-
    Agent Skills convention (SKILL.md) — works with Claude Code, Cursor, ChatGPT/Codex and
    compatible agents
  license: MIT
prompts:
  system: "# Infographics\r\n\r\n## Overview\r\n\r\nInfographics are visual representations of information, data, or knowledge designed to present complex content quickly and clearly. **This skill uses Nano Banana Pro AI for infographic generation with Gemini 3 Pro quality review and Perplexity Sonar for research.**\r\n\r\n**How it works:**\r\n- (Optional) **Research phase**: Gather accurate facts and statistics using Perplexity Sonar\r\n- Describe your infographic in natural language\r\n- Nano Banana Pro generates publication-quality infographics automatically\r\n- **Gemini 3 Pro reviews quality** against document-type thresholds\r\n- **Smart iteration**: Only regenerates if quality is below threshold\r\n- Professional-ready output in minutes\r\n- No design skills required\r\n\r\n**Quality Thresholds by Document Type:**\r\n| Document Type | Threshold | Description |\r\n|---------------|-----------|-------------|\r\n| marketing | 8.5/10 | Marketing materials - must be compelling |\r\n| report | 8.0/10 | Business reports - professional quality |\r\n| presentation | 7.5/10 | Slides, talks - clear and engaging |\r\n| social | 7.0/10 | Social media content |\r\n| internal | 7.0/10 | Internal use |\r\n| draft | 6.5/10 | Working drafts |\r\n| default | 7.5/10 | General purpose |\r\n\r\n**Simply describe what you want, and Nano Banana Pro creates it.**\r\n\r\n## Quick Start\r\n\r\nGenerate any infographic by simply describing it:\r\n\r\n```bash\r\n# Generate a list infographic (default threshold 7.5/10)\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"5 benefits of regular exercise\" \\\r\n  -o figures/exercise_benefits.png --type list\r\n\r\n# Generate for marketing (highest threshold: 8.5/10)\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Product features comparison\" \\\r\n  -o figures/product_comparison.png --type comparison --doc-type marketing\r\n\r\n# Generate with corporate style\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Company milestones 2010-2025\" \\\r\n  -o figures/timeline.png --type timeline --style corporate\r\n\r\n# Generate with colorblind-safe palette\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Heart disease statistics worldwide\" \\\r\n  -o figures/health_stats.png --type statistical --palette wong\r\n\r\n# Generate WITH RESEARCH for accurate, up-to-date data\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Global AI market size and growth projections\" \\\r\n  -o figures/ai_market.png --type statistical --research\r\n```\r\n\r\n**What happens behind the scenes:**\r\n1. **(Optional) Research**: Perplexity Sonar gathers accurate facts, statistics, and data\r\n2. **Generation 1**: Nano Banana Pro creates initial infographic following design best practices\r\n3. **Review 1**: **Gemini 3 Pro** evaluates quality against document-type threshold\r\n4. **Decision**: If quality >= threshold → **DONE** (no more iterations needed!)\r\n5. **If below threshold**: Improved prompt based on critique, regenerate\r\n6. **Repeat**: Until quality meets threshold OR max iterations reached\r\n\r\n**Smart Iteration Benefits:**\r\n- ✅ Saves API calls if first generation is good enough\r\n- ✅ Higher quality standards for marketing materials\r\n- ✅ Faster turnaround for drafts/internal use\r\n- ✅ Appropriate quality for each use case\r\n\r\n**Output**: Versioned images plus a detailed review log with quality scores, critiques, and early-stop information.\r\n\r\n## When to Use This Skill\r\n\r\nUse the **infographics** skill when:\r\n- Presenting data or statistics in a visual format\r\n- Creating timeline visualizations for project milestones or history\r\n- Explaining processes, workflows, or step-by-step guides\r\n- Comparing options, products, or concepts side-by-side\r\n- Summarizing key points in an engaging visual format\r\n- Creating geographic or map-based data visualizations\r\n- Building hierarchical or organizational charts\r\n- Designing social media content or marketing materials\r\n\r\n**Use scientific-schematics instead for:**\r\n- Technical flowcharts and circuit diagrams\r\n- Biological pathways and molecular diagrams\r\n- Neural network architecture diagrams\r\n- CONSORT/PRISMA methodology diagrams\r\n\r\n---\r\n\r\n## Research Integration\r\n\r\n### Automatic Data Gathering (`--research`)\r\n\r\nWhen creating infographics that require accurate, up-to-date data, use the `--research` flag to automatically gather facts and statistics using **Perplexity Sonar Pro**.\r\n\r\n```bash\r\n# Research and generate statistical infographic\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Global renewable energy adoption rates by country\" \\\r\n  -o figures/renewable_energy.png --type statistical --research\r\n\r\n# Research for timeline infographic\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"History of artificial intelligence breakthroughs\" \\\r\n  -o figures/ai_history.png --type timeline --research\r\n\r\n# Research for comparison infographic\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Electric vehicles vs hydrogen vehicles comparison\" \\\r\n  -o figures/ev_hydrogen.png --type comparison --research\r\n```\r\n\r\n### What Research Provides\r\n\r\nThe research phase automatically:\r\n\r\n1. **Gathers Key Facts**: 5-8 relevant facts and statistics about the topic\r\n2. **Provides Context**: Background information for accurate representation\r\n3. **Finds Data Points**: Specific numbers, percentages, and dates\r\n4. **Cites Sources**: Mentions major studies or sources\r\n5. **Prioritizes Recency**: Focuses on 2023-2026 information\r\n\r\n### When to Use Research\r\n\r\n**Enable research (`--research`) for:**\r\n- Statistical infographics requiring accurate numbers\r\n- Market data, industry statistics, or trends\r\n- Scientific or medical information\r\n- Current events or recent developments\r\n- Any topic where accuracy is critical\r\n\r\n**Skip research for:**\r\n- Simple conceptual infographics\r\n- Internal process documentation\r\n- Topics where you provide all the data in the prompt\r\n- Speed-critical generation\r\n\r\n### Research Output\r\n\r\nWhen research is enabled, additional files are created:\r\n- `{name}_research.json` - Raw research data and sources\r\n- Research content is automatically incorporated into the infographic prompt\r\n\r\n---\r\n\r\n## Infographic Types\r\n\r\n### 1. Statistical/Data-Driven (`--type statistical`)\r\n\r\nBest for: Presenting numbers, percentages, survey results, and quantitative data.\r\n\r\n**Key Elements:** Charts (bar, pie, line, donut), large numerical callouts, data comparisons, trend indicators.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Global internet usage 2025: 5.5 billion users (68% of population), \\\r\n   Asia Pacific 53%, Europe 15%, Americas 20%, Africa 12%\" \\\r\n  -o figures/internet_stats.png --type statistical --style technology\r\n```\r\n\r\n---\r\n\r\n### 2. Timeline (`--type timeline`)\r\n\r\nBest for: Historical events, project milestones, company history, evolution of concepts.\r\n\r\n**Key Elements:** Chronological flow, date markers, event nodes, connecting lines.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"History of AI: 1950 Turing Test, 1956 Dartmouth Conference, \\\r\n   1997 Deep Blue, 2016 AlphaGo, 2022 ChatGPT\" \\\r\n  -o figures/ai_history.png --type timeline --style technology\r\n```\r\n\r\n---\r\n\r\n### 3. Process/How-To (`--type process`)\r\n\r\nBest for: Step-by-step instructions, workflows, procedures, tutorials.\r\n\r\n**Key Elements:** Numbered steps, directional arrows, action icons, clear flow.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"How to start a podcast: 1. Choose your niche, 2. Plan content, \\\r\n   3. Set up equipment, 4. Record episodes, 5. Publish and promote\" \\\r\n  -o figures/podcast_process.png --type process --style marketing\r\n```\r\n\r\n---\r\n\r\n### 4. Comparison (`--type comparison`)\r\n\r\nBest for: Product comparisons, pros/cons, before/after, option evaluation.\r\n\r\n**Key Elements:** Side-by-side layout, matching categories, check/cross indicators.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Electric vs Gas Cars: Fuel cost (lower vs higher), \\\r\n   Maintenance (less vs more), Range (improving vs established)\" \\\r\n  -o figures/ev_comparison.png --type comparison --style nature\r\n```\r\n\r\n---\r\n\r\n### 5. List/Informational (`--type list`)\r\n\r\nBest for: Tips, facts, key points, summaries, quick reference guides.\r\n\r\n**Key Elements:** Numbered or bulleted points, icons, clear hierarchy.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"7 Habits of Highly Effective People: Be Proactive, \\\r\n   Begin with End in Mind, Put First Things First, Think Win-Win, \\\r\n   Seek First to Understand, Synergize, Sharpen the Saw\" \\\r\n  -o figures/habits.png --type list --style corporate\r\n```\r\n\r\n---\r\n\r\n### 6. Geographic (`--type geographic`)\r\n\r\nBest for: Regional data, demographics, location-based statistics, global trends.\r\n\r\n**Key Elements:** Map visualization, color coding, data overlays, legend.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Renewable energy adoption by region: Iceland 100%, Norway 98%, \\\r\n   Germany 50%, USA 22%, India 20%\" \\\r\n  -o figures/renewable_map.png --type geographic --style nature\r\n```\r\n\r\n---\r\n\r\n### 7. Hierarchical/Pyramid (`--type hierarchical`)\r\n\r\nBest for: Organizational structures, priority levels, importance ranking.\r\n\r\n**Key Elements:** Pyramid or tree structure, distinct levels, size progression.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Maslow's Hierarchy: Physiological, Safety, Love/Belonging, \\\r\n   Esteem, Self-Actualization\" \\\r\n  -o figures/maslow.png --type hierarchical --style education\r\n```\r\n\r\n---\r\n\r\n### 8. Anatomical/Visual Metaphor (`--type anatomical`)\r\n\r\nBest for: Explaining complex systems using familiar visual metaphors.\r\n\r\n**Key Elements:** Central metaphor image, labeled parts, connection lines.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Business as a human body: Brain=Leadership, Heart=Culture, \\\r\n   Arms=Sales, Legs=Operations, Skeleton=Systems\" \\\r\n  -o figures/business_body.png --type anatomical --style corporate\r\n```\r\n\r\n---\r\n\r\n### 9. Resume/Professional (`--type resume`)\r\n\r\nBest for: Personal branding, CVs, portfolio highlights, professional achievements.\r\n\r\n**Key Elements:** Photo area, skills visualization, timeline, contact info.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"UX Designer resume: Skills - User Research 95%, Wireframing 90%, \\\r\n   Prototyping 85%. Experience - 2020-2022 Junior, 2022-2025 Senior\" \\\r\n  -o figures/resume.png --type resume --style technology\r\n```\r\n\r\n---\r\n\r\n### 10. Social Media (`--type social`)\r\n\r\nBest for: Instagram, LinkedIn, Twitter/X posts, shareable graphics.\r\n\r\n**Key Elements:** Bold headline, minimal text, maximum impact, vibrant colors.\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Save Water, Save Life: 2.2 billion people lack safe drinking water. \\\r\n   Tips: shorter showers, fix leaks, full loads only\" \\\r\n  -o figures/water_social.png --type social --style marketing\r\n```\r\n\r\n---\r\n\r\n## Style Presets\r\n\r\n### Industry Styles (`--style`)\r\n\r\n| Style | Colors | Best For |\r\n|-------|--------|----------|\r\n| `corporate` | Navy, steel blue, gold | Business reports, finance |\r\n| `healthcare` | Medical blue, cyan, light cyan | Medical, wellness |\r\n| `technology` | Tech blue, slate, violet | Software, data, AI |\r\n| `nature` | Forest green, mint, earth brown | Environmental, organic |\r\n| `education` | Academic blue, light blue, coral | Learning, academic |\r\n| `marketing` | Coral, teal, yellow | Social media, campaigns |\r\n| `finance` | Navy, gold, green/red | Investment, banking |\r\n| `nonprofit` | Warm orange, sage, sand | Social causes, charities |\r\n\r\n```bash\r\n# Corporate style\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Q4 Results\" -o q4.png --type statistical --style corporate\r\n\r\n# Healthcare style\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Patient Journey\" -o journey.png --type process --style healthcare\r\n```\r\n\r\n---\r\n\r\n## Colorblind-Safe Palettes\r\n\r\n### Available Palettes (`--palette`)\r\n\r\n| Palette | Colors | Description |\r\n|---------|--------|-------------|\r\n| `wong` | Orange, sky blue, green, blue, vermillion | Most widely recommended |\r\n| `ibm` | Ultramarine, indigo, magenta, orange, gold | IBM's accessible palette |\r\n| `tol` | 12-color extended palette | For many categories |\r\n\r\n```bash\r\n# Wong's colorblind-safe palette\r\npython skills/infographics/scripts/generate_infographic.py \\\r\n  \"Survey results by category\" -o survey.png --type statistical --palette wong\r\n```\r\n\r\n---\r\n\r\n## Smart Iterative Refinement\r\n\r\n### How It Works\r\n\r\n```\r\n┌─────────────────────────────────────────────────────┐\r\n│  1. Generate infographic with Nano Banana Pro       │\r\n│                    ↓                                │\r\n│  2. Review quality with Gemini 3 Pro                │\r\n│                    ↓                                │\r\n│  3. Score >= threshold?                             │\r\n│       YES → DONE! (early stop)                      │\r\n│       NO  → Improve prompt, go to step 1            │\r\n│                    ↓                                │\r\n│  4. Repeat until quality met OR max iterations      │\r\n└─────────────────────────────────────────────────────┘\r\n```\r\n\r\n### Quality Review Criteria\r\n\r\nGemini 3 Pro evaluates each infographic on:\r\n\r\n1. **Visual Hierarchy & Layout** (0-2 points)\r\n   - Clear visual hierarchy\r\n   - Logical reading flow\r\n   - Balanced composition\r\n\r\n2. **Typography & Readability** (0-2 points)\r\n   - Readable text\r\n   - Bold headlines\r\n   - No overlapping\r\n\r\n3. **Data Visualization** (0-2 points)\r\n   - Prominent numbers\r\n   - Clear charts/icons\r\n   - Proper labels\r\n\r\n4. **Color & Accessibility** (0-2 points)\r\n   - Professional colors\r\n   - Sufficient contrast\r\n   - Colorblind-friendly\r\n\r\n5. **Overall Impact** (0-2 points)\r\n   - Professional appearance\r\n   - Free of visual bugs\r\n   - Achieves communication goal\r\n\r\n### Review Log\r\n\r\nEach generation produces a JSON review log:\r\n```json\r\n{\r\n  \"user_prompt\": \"5 benefits of exercise...\",\r\n  \"infographic_type\": \"list\",\r\n  \"style\": \"healthcare\",\r\n  \"doc_type\": \"marketing\",\r\n  \"quality_threshold\": 8.5,\r\n  \"iterations\": [\r\n    {\r\n      \"iteration\": 1,\r\n      \"image_path\": \"figures/exercise_v1.png\",\r\n      \"score\": 8.7,\r\n      \"needs_improvement\": false,\r\n      \"critique\": \"SCORE: 8.7\\nSTRENGTHS:...\"\r\n    }\r\n  ],\r\n  \"final_score\": 8.7,\r\n  \"early_stop\": true,\r\n  \"early_stop_reason\": \"Quality score 8.7 meets threshold 8.5\"\r\n}\r\n```\r\n\r\n---\r\n\r\n## Command-Line Reference\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py [OPTIONS] PROMPT\r\n\r\nArguments:\r\n  PROMPT                    Description of the infographic content\r\n\r\nOptions:\r\n  -o, --output PATH         Output file path (required)\r\n  -t, --type TYPE           Infographic type preset\r\n  -s, --style STYLE         Industry style preset\r\n  -p, --palette PALETTE     Colorblind-safe palette\r\n  -b, --background COLOR    Background color (default: white)\r\n  --doc-type TYPE           Document type for quality threshold\r\n  --iterations N            Maximum refinement iterations (default: 3)\r\n  --api-key KEY             OpenRouter API key\r\n  -v, --verbose             Verbose output\r\n  --list-options            List all available options\r\n```\r\n\r\n### List All Options\r\n\r\n```bash\r\npython skills/infographics/scripts/generate_infographic.py --list-options\r\n```\r\n\r\n---\r\n\r\n## Configuration\r\n\r\n### API Key Setup\r\n\r\nSet your OpenRouter API key:\r\n```bash\r\nexport OPENROUTER_API_KEY='your_api_key_here'\r\n```\r\n\r\nGet an API key at: https://openrouter.ai/keys\r\n\r\n---\r\n\r\n## Prompt Engineering Tips\r\n\r\n### Be Specific About Content\r\n\r\n✓ **Good prompts** (specific, detailed):\r\n```\r\n\"5 benefits of meditation: reduces stress, improves focus, \r\nbetter sleep, lower blood pressure, emotional balance\"\r\n```\r\n\r\n✗ **Avoid vague prompts**:\r\n```\r\n\"meditation infographic\"\r\n```\r\n\r\n### Include Data Points\r\n\r\n✓ **Good**:\r\n```\r\n\"Market growth from $10B (2020) to $45B (2025), CAGR 35%\"\r\n```\r\n\r\n✗ **Vague**:\r\n```\r\n\"market is growing\"\r\n```\r\n\r\n### Specify Visual Elements\r\n\r\n✓ **Good**:\r\n```\r\n\"Timeline showing 5 milestones with icons for each event\"\r\n```\r\n\r\n---\r\n\r\n## Reference Files\r\n\r\nFor detailed guidance, load these reference files:\r\n\r\n- **`references/infographic_types.md`**: Extended templates for all 10+ types\r\n- **`references/design_principles.md`**: Visual hierarchy, layout, typography\r\n- **`references/color_palettes.md`**: Full palette specifications\r\n\r\n---\r\n\r\n## Troubleshooting\r\n\r\n### Common Issues\r\n\r\n**Problem**: Text in infographic is unreadable\r\n- **Solution**: Reduce text content; use --type to specify layout type\r\n\r\n**Problem**: Colors clash or are inaccessible\r\n- **Solution**: Use `--palette wong` for colorblind-safe colors\r\n\r\n**Problem**: Quality score too low\r\n- **Solution**: Increase iterations with `--iterations 3`; use more specific prompt\r\n\r\n**Problem**: Wrong infographic type generated\r\n- **Solution**: Always specify `--type` flag for consistent results\r\n\r\n---\r\n\r\n## Integration with Other Skills\r\n\r\nThis skill works synergistically with:\r\n\r\n- **scientific-schematics**: For technical diagrams and flowcharts\r\n- **market-research-reports**: Infographics for business reports\r\n- **scientific-slides**: Infographic elements for presentations\r\n- **generate-image**: For non-infographic visual content\r\n\r\n---\r\n\r\n## Quick Reference Checklist\r\n\r\nBefore generating:\r\n- [ ] Clear, specific content description\r\n- [ ] Infographic type selected (`--type`)\r\n- [ ] Style appropriate for audience (`--style`)\r\n- [ ] Output path specified (`-o`)\r\n- [ ] API key configured\r\n\r\nAfter generating:\r\n- [ ] Review the generated image\r\n- [ ] Check the review log for scores\r\n- [ ] Regenerate with more specific prompt if needed\r\n\r\n---\r\n\r\nUse this skill to create professional, accessible, and visually compelling infographics using the power of Nano Banana Pro AI with intelligent quality review."
  user_template: ""
variables: []
install:
  steps:
    - title: Download & unzip
      detail: >-
        Download the .zip package from SkillVault and unzip it. The infographics/ folder contains
        SKILL.md plus any companion scripts, references and assets.
    - title: Copy into your agent skills directory
      detail: >-
        Move the folder into your agent's skills directory — e.g. ~/.claude/skills/ (Claude Code),
        .codex/skills/, .cursor/skills/ or your project's .claude/skills/ folder — then restart or
        reload the session.
    - title: Use it
      detail: >-
        Describe the task in natural language; the agent loads the skill automatically when the
        request matches the skill description.
usage:
  steps: []
metadata:
  author: SkillVault
  source: https://skillvault.top/skills/infographics
  exported_at: "2026-11-03T07:44:22.734Z"