infographics

Par mkurman · zorai

Créez des infographies professionnelles avec Nano Banana Pro AI grâce à un raffinement itératif intelligent. Utilise Gemini 3 Pro pour la révision qualité. Intègre la recherche documentaire et la recherche web pour des données précises. Prend en charge 10 types d'infographies, 8 styles sectoriels et des palettes adaptées aux daltoniens.

npx skills add https://github.com/mkurman/zorai --skill infographics

Intégration de la Recherche

Collecte Automatique de Données (--research)

Lors de la création d'infographies nécessitant des données précises et à jour, utilisez l'option --research pour collecter automatiquement des faits et des statistiques à l'aide de Perplexity Sonar Pro.

# Recherche et génération d'infographie statistique
python skills/infographics/scripts/generate_infographic.py \
  "Global renewable energy adoption rates by country" \
  -o figures/renewable_energy.png --type statistical --research

# Recherche pour infographie chronologique
python skills/infographics/scripts/generate_infographic.py \
  "History of artificial intelligence breakthroughs" \
  -o figures/ai_history.png --type timeline --research

# Recherche pour infographie comparative
python skills/infographics/scripts/generate_infographic.py \
  "Electric vehicles vs hydrogen vehicles comparison" \
  -o figures/ev_hydrogen.png --type comparison --research

Que Fournit la Recherche

La phase de recherche effectue automatiquement :

  1. Collecte des Faits Clés : 5-8 faits et statistiques pertinents sur le sujet
  2. Fourniture de Contexte : Informations générales pour une représentation précise
  3. Recherche de Données : Nombres spécifiques, pourcentages et dates
  4. Citations des Sources : Mention des principales études ou sources
  5. Priorité à la Récence : Mise l'accent sur les informations de 2023-2026

Quand Utiliser la Recherche

Activez la recherche (--research) pour :

  • Les infographies statistiques nécessitant des nombres précis
  • Les données de marché, statistiques sectorielles ou tendances
  • Les informations scientifiques ou médicales
  • Les événements actuels ou développements récents
  • Tout sujet où la précision est critique

Ignorez la recherche pour :

  • Les infographies conceptuelles simples
  • La documentation des processus internes
  • Les sujets pour lesquels vous fournissez toutes les données dans le prompt
  • La génération sensible au temps

Résultats de la Recherche

Quand la recherche est activée, des fichiers supplémentaires sont créés :

  • {nom}_research.json - Données de recherche brutes et sources
  • Le contenu de la recherche est automatiquement intégré au prompt de l'infographie

Types d'Infographies

1. Statistique/Orientée Données (--type statistical)

Idéal pour : Présenter des nombres, pourcentages, résultats d'enquête et données quantitatives.

Éléments Clés : Graphiques (barres, secteurs, courbes, anneaux), callouts numériques en grand, comparaisons de données, indicateurs de tendance.

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. Chronologique (--type timeline)

Idéal pour : Événements historiques, jalons de projet, historique d'entreprise, évolution de concepts.

Éléments Clés : Flux chronologique, marqueurs de date, nœuds d'événements, lignes de connexion.

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. Processus/Mode d'emploi (--type process)

Idéal pour : Instructions étape par étape, flux de travail, procédures, tutoriels.

Éléments Clés : Étapes numérotées, flèches directionnelles, icônes d'action, flux clair.

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. Comparaison (--type comparison)

Idéal pour : Comparaisons de produits, avantages/inconvénients, avant/après, évaluation d'options.

Éléments Clés : Mise en page côte à côte, catégories correspondantes, indicateurs de coche/croix.

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. Liste/Informationnel (--type list)

Idéal pour : Conseils, faits, points clés, résumés, guides de référence rapide.

Éléments Clés : Points numérotés ou à puces, icônes, hiérarchie claire.

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. Géographique (--type geographic)

Idéal pour : Données régionales, démographies, statistiques basées sur la localisation, tendances mondiales.

Éléments Clés : Visualisation cartographique, code couleur, superpositions de données, légende.

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. Hiérarchique/Pyramide (--type hierarchical)

Idéal pour : Structures organisationnelles, niveaux de priorité, classement d'importance.

Éléments Clés : Structure pyramidale ou arborescente, niveaux distincts, progression de taille.

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. Anatomique/Métaphore Visuelle (--type anatomical)

Idéal pour : Expliquer des systèmes complexes à l'aide de métaphores visuelles familières.

Éléments Clés : Image métaphorique centrale, parties étiquetées, lignes de connexion.

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. CV/Professionnel (--type resume)

Idéal pour : Image de marque personnelle, CVs, points forts du portefeuille, réalisations professionnelles.

Éléments Clés : Zone de photo, visualisation des compétences, chronologie, infos de contact.

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. Réseaux Sociaux (--type social)

Idéal pour : Publications Instagram, LinkedIn, Twitter/X, graphiques partageables.

Éléments Clés : Titre accrocheur, texte minimal, impact maximal, couleurs éclatantes.

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

Présets de Style

Styles Sectoriels (--style)

Style Couleurs Idéal pour
corporate Bleu marine, bleu acier, or Rapports commerciaux, finance
healthcare Bleu médical, cyan, cyan clair Médical, bien-être
technology Bleu tech, ardoise, violet Logiciels, données, IA
nature Vert forestier, menthe, brun terre Environnement, organique
education Bleu académique, bleu clair, corail Apprentissage, académique
marketing Corail, sarcelle, jaune Réseaux sociaux, campagnes
finance Bleu marine, or, vert/rouge Investissement, banque
nonprofit Orange chaud, sauge, sable Causes sociales, charités
# Style corporate
python skills/infographics/scripts/generate_infographic.py \
  "Q4 Results" -o q4.png --type statistical --style corporate

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

Palettes Adaptées au Daltonisme

Palettes Disponibles (--palette)

Palette Couleurs Description
wong Orange, bleu ciel, vert, bleu, vermillon Plus largement recommandée
ibm Bleu outremer, indigo, magenta, orange, or Palette accessible d'IBM
tol Palette étendue de 12 couleurs Pour de nombreuses catégories
# Palette accessible au daltonisme de Wong
python skills/infographics/scripts/generate_infographic.py \
  "Survey results by category" -o survey.png --type statistical --palette wong

Raffinement Itératif Intelligent

Comment Cela Fonctionne

┌─────────────────────────────────────────────────────┐
│  1. Générer l'infographie avec Nano Banana Pro      │
│                    ↓                                │
│  2. Examiner la qualité avec Gemini 3 Pro           │
│                    ↓                                │
│  3. Score >= seuil ?                                │
│       OUI → TERMINÉ ! (arrêt anticipé)              │
│       NON → Améliorer le prompt, aller à l'étape 1  │
│                    ↓                                │
│  4. Répéter jusqu'à qualité satisfaite OU           │
│     max d'itérations atteint                        │
└─────────────────────────────────────────────────────┘

Critères d'Examen de Qualité

Gemini 3 Pro évalue chaque infographie sur :

  1. Hiérarchie Visuelle et Mise en Page (0-2 points)

    • Hiérarchie visuelle claire
    • Flux de lecture logique
    • Composition équilibrée
  2. Typographie et Lisibilité (0-2 points)

    • Texte lisible
    • Titres en gras
    • Pas de chevauchement
  3. Visualisation des Données (0-2 points)

    • Nombres proéminents
    • Graphiques/icônes clairs
    • Étiquettes appropriées
  4. Couleur et Accessibilité (0-2 points)

    • Couleurs professionnelles
    • Contraste suffisant
    • Accessible au daltonisme
  5. Impact Global (0-2 points)

    • Apparence professionnelle
    • Exempt de défauts visuels
    • Atteint l'objectif de communication

Journal d'Examen

Chaque génération produit un journal d'examen 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"
}

Référence Ligne de Commande

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

Arguments:
  PROMPT                    Description du contenu de l'infographie

Options:
  -o, --output PATH         Chemin du fichier de sortie (obligatoire)
  -t, --type TYPE           Preset de type d'infographie
  -s, --style STYLE         Preset de style sectorial
  -p, --palette PALETTE     Palette adaptée au daltonisme
  -b, --background COLOR    Couleur de fond (par défaut : blanc)
  --doc-type TYPE           Type de document pour le seuil de qualité
  --iterations N            Itérations de raffinement max (par défaut : 3)
  --api-key KEY             Clé API OpenRouter
  -v, --verbose             Sortie verbose
  --list-options            Lister toutes les options disponibles

Lister Toutes les Options

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

Configuration

Configurer la Clé API

Définissez votre clé API OpenRouter :

export OPENROUTER_API_KEY='your_api_key_here'

Obtenez une clé API à : https://openrouter.ai/keys


Conseils d'Ingénierie du Prompt

Être Spécifique sur le Contenu

Bons prompts (spécifiques, détaillés) :

"5 benefits of meditation: reduces stress, improves focus, 
better sleep, lower blood pressure, emotional balance"

Éviter les prompts vagues :

"meditation infographic"

Inclure des Points de Données

Bien :

"Market growth from $10B (2020) to $45B (2025), CAGR 35%"

Vague :

"market is growing"

Spécifier les Éléments Visuels

Bien :

"Timeline showing 5 milestones with icons for each event"

Fichiers de Référence

Pour des conseils détaillés, chargez ces fichiers de référence :

  • references/infographic_types.md : Modèles étendus pour 10+ types
  • references/design_principles.md : Hiérarchie visuelle, mise en page, typographie
  • references/color_palettes.md : Spécifications complètes des palettes

Dépannage

Problèmes Courants

Problème : Le texte de l'infographie est illisible

  • Solution : Réduire le contenu textuel ; utiliser --type pour spécifier le type de mise en page

Problème : Les couleurs se heurtent ou ne sont pas accessibles

  • Solution : Utiliser --palette wong pour les couleurs adaptées au daltonisme

Problème : Le score de qualité est trop bas

  • Solution : Augmenter les itérations avec --iterations 3 ; utiliser un prompt plus spécifique

Problème : Le mauvais type d'infographie est généré

  • Solution : Toujours spécifier le flag --type pour des résultats cohérents

Intégration avec d'Autres Compétences

Cette compétence fonctionne en synergie avec :

  • scientific-schematics : Pour les diagrammes techniques et organigrammes
  • market-research-reports : Infographies pour rapports commerciaux
  • scientific-slides : Éléments d'infographie pour présentations
  • generate-image : Pour contenu visuel non-infographique

Liste de Contrôle Référence Rapide

Avant de générer :

  • [ ] Description claire et spécifique du contenu
  • [ ] Type d'infographie sélectionné (--type)
  • [ ] Style approprié pour le public (--style)
  • [ ] Chemin de sortie spécifié (-o)
  • [ ] Clé API configurée

Après génération :

  • [ ] Examiner l'image générée
  • [ ] Vérifier le journal d'examen pour les scores
  • [ ] Régénérer avec un prompt plus spécifique si nécessaire

Utilisez cette compétence pour créer des infographies professionnelles, accessibles et visuellement convaincantes en exploitant la puissance de l'IA Nano Banana Pro avec examen intelligent de la qualité.

Skills similaires