Skip to content
Automation
Skill

/infographics

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.

From plugin
vibe-skills
3.8k200 skills7 agents3 commands

Claude Code

$ npx -y skills add foryourhealth111-pixel/Vibe-Skills --skill infographics --agent claude-code

SKILL.md

infographics.SKILL.md
name: infographics
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."
allowed-tools: Read Write Edit Bash

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:

# 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**.

# 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 infograph
Read more
@foryourhealth111-pixel
Ships withvibe-skills

Intelligent Skill routing and workflow orchestration for AI agents — +21.12 pp reward, −29.6% tokens on SkillsBench with DeepSeekV4Flash-VE.

3.8k200 skills7 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
3.8k
Star history of foryourhealth111-pixel/Vibe-Skills on GitHub, a chart by star-history.com

Other skills on vibe-skills.

More skills from other plugins.

agent-builder

agent-builder

Load immediately after an Agent intent, before the first agent_builder_* call. Governs how you create, configure, test, and…

n8n12d209k
@n8n-io@n8n-ioInstall Skill
browser-use

browser-use

Direct browser control via CDP for web interaction: automation, scraping, testing, screenshots, and site/app work. Also covers…

@browser-use@browser-useInstall Skill
agent-browser

agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling…

@vercel-labs-2@vercel-labs-2Install Skill
add-anydoc

add-anydoc

Add local office-document-to-Markdown conversion to NanoClaw agent containers with the pinned Firecrawl AnyDoc CLI. Use when…

@nanocoai@nanocoaiInstall Skill

Questions about infographics.

Which coding agents can use infographics?
infographics installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.