Conception d'infographies

VérifiéSûr

Créez des infographies de visualisation de données avec each::sense AI. Prend en charge les styles design plat, illustré, corporate et éditorial pour infographies, diagrammes de flux et plus.

Spar Skills Guide Bot
ContenuIntermédiaire
28/07/2026
Claude CodeCursor
#infographic#data-visualization#ai-image-generation#eachlabs#visual-design

Recommandé pour

Synthèse automatique

Génère des fonds, mises en page et éléments visuels d'infographies (statistiques, processus, frises chronologiques, comparaisons) via l'agent each::sense de each::labs.

Points forts

  • Couvre de nombreux types d'infographies : statistique, processus, chronologie, comparaison, géographique, hiérarchique
  • Accepte jusqu'à 4 images de référence pour aligner le style, la palette et l'illustration
  • Fournit des exemples prêts à l'emploi en curl et en SDK Python OpenAI, avec mode streaming optionnel

Limites

  • Nécessite une clé API each::labs (service tiers, non gratuit) et un accès réseau
  • Produit des visuels générés par IA, pas des graphiques tracés à partir de données réelles : la précision des chiffres et du texte n'est pas garantie
  • La qualité dépend fortement de la formulation du prompt ; peu de garde-fous décrits pour le rendu du texte
Quand l'utiliser

À utiliser lorsqu'il faut un visuel d'infographie attrayant ou une maquette de mise en page générée par IA plutôt qu'un graphique construit à partir de données.

Analyse de sécurité

Sûr
Score qualité82/100

The skill is a thin, well-documented wrapper around a single third-party image-generation API. All curl calls go to eachsense-agent.core.eachlabs.run, credentials are read from an environment variable and used for their intended purpose, and there is no obfuscation, file deletion, piping to shell, or exfiltration of unrelated secrets. Network access is inherent to the task and legitimate. The only mild concern is the wildcard Bash(curl *) permission, which is broader than strictly needed.

Points d'attention
  • •Bash(curl *) is a broad permission, but every invocation targets the documented eachlabs.ai endpoint
  • •Requires EACHLABS_API_KEY env var; the key is sent only to the intended vendor API, not to arbitrary hosts
  • •Reference-image example uses an unrelated example.com URL only as a placeholder in documentation
Comment cette analyse est faite

Exemples

Sustainability report layout
Create an infographic background and visual layout for a sustainability report: vertical scrolling format, clean white background, flowing green wave section dividers, flat vector icons of trees and wind turbines, earth tones and forest green palette.
Step-by-step process flow
Using this reference image, create a new infographic in the same style but laid out as a 5-step vertical process flow with numbered circular icons connected by dotted lines: https://example.com/infographic-reference.jpg
Comparison infographic
Design a side-by-side comparison infographic layout in a flat corporate style, two columns with a central divider, soft blue and grey palette, space reserved for icons and short labels at the top of each column.

name: infographic-design description: "Create data visualization infographics using each::sense AI. Generate visually compelling infographic backgrounds, layouts, and visual elements for statistical data, process flows, timelines, comparisons, and educational content. Supports flat design, illustrated, corporate, and editorial styles. Use for: infographics, data visualization, process diagrams, timeline graphics, statistical illustrations, comparison charts. Triggers: infographic, data visualization, infographic design, process flow, timeline graphic, data illustration, statistical graphic, comparison infographic, visual data, info graphic, chart design" allowed-tools: Bash(curl *), WebFetch

Infographic Design

Create visually compelling infographic layouts and data visualization graphics using each::sense — the intelligent AI agent that automatically selects the best model for your request.

Quick Start

Requires an each::labs API key. Get one at eachlabs.ai.

Using curl

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Create an infographic background and visual layout for a sustainability report. Vertical scrolling format, clean white background, sections separated by flowing green wave dividers, flat vector icons of trees and wind turbines as decorative elements, earth tones and forest green palette, modern and professional."
      }
    ],
    "stream": false
  }'

Using Python (OpenAI SDK)

from openai import OpenAI

client = OpenAI(
    api_key="YOUR_EACHLABS_API_KEY",
    base_url="https://eachsense-agent.core.eachlabs.run/v1"
)

response = client.chat.completions.create(
    model="eachsense/beta",
    messages=[{
        "role": "user",
        "content": "Create an infographic background and visual layout for a sustainability report. Vertical scrolling format, clean white background, sections separated by flowing green wave dividers, flat vector icons of trees and wind turbines as decorative elements, earth tones and forest green palette, modern and professional."
    }]
)

print(response.choices[0].message.content)

With Reference Image

Provide a data sketch or existing infographic for style matching:

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": [
              {"type": "text", "text": "Create a new infographic visual in the same style as this reference. Match the color scheme and illustration style, but create a layout for a 5-step process flow with numbered circular icons connected by dotted lines, vertical format."},
              {"type": "image_url", "image_url": {"url": "https://example.com/infographic-reference.jpg"}}
            ]
          }
    ],
    "stream": false
  }'

Images are sent inside messages using the OpenAI multimodal content format. Maximum 4 images per request.

Streaming

Set "stream": true for real-time SSE responses, or "stream": false for complete result in a single response. Streaming is useful for showing progress in UIs; non-streaming is simpler for scripts and automation.

Infographic Types

| Type | Layout | Best For | |------|--------|----------| | Statistical | Charts, graphs, numbers | Reports, surveys, research | | Process/How-to | Numbered steps, flow | Tutorials, workflows | | Timeline | Chronological sequence | History, project milestones | | Comparison | Side-by-side columns | Product comparisons, pros/cons | | Geographic | Map-based visuals | Regional data, logistics | | Hierarchical | Pyramid or tree | Organizational, priority data | | List | Numbered or icon list | Tips, features, facts |

Prompt Engineering Tips

Keywords That Work

infographic layout, flat vector illustration, clean data visualization,
icon-based design, section dividers, numbered steps, color-coded sections,
vertical scrolling format, consistent icon style, white space between sections

Keywords to Avoid

actual data and numbers — add real data in design software
tiny detailed charts — too complex for AI generation
3D rendered elements — flat vector works best for infographics
photorealistic style — illustrated/flat design is standard

Prompt Structure

infographic [type] for [topic], [layout description], [visual elements], [color palette], [style], vertical/horizontal format

Examples

Technology Process Flow

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Design a technology process infographic layout. Four connected stages flowing left to right, each stage is a rounded rectangle with a flat vector icon placeholder inside (gear, cloud, shield, rocket), connected by animated-looking arrows, dark background with neon blue and purple accents, futuristic and clean."
      }
    ],
    "stream": false
  }'

Health and Wellness Infographic

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Create a health infographic visual layout about daily nutrition. Vertical format, soft pastel background, a central illustrated human body silhouette with color-coded arrows pointing to different body parts, each arrow ends in a circular icon area for food groups, warm and friendly illustration style."
      }
    ],
    "stream": false
  }'

Business Statistics Layout

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Design a corporate statistics infographic template. Clean white background, four equal sections stacked vertically separated by thin gray lines, each section has a large circular chart placeholder on the left and a text area on the right, navy blue and gold accent colors, professional and data-driven."
      }
    ],
    "stream": false
  }'

Infographic Design Principles

  • Visual hierarchy — guide the eye from top to bottom in a logical flow
  • One color per category — use consistent color coding throughout
  • Icons over text — visual elements communicate faster than words
  • White space — generous spacing between sections prevents visual overwhelm
  • Consistent style — all icons and illustrations should use the same visual language
  • Standard width — 800-1200px wide for web, taller as needed for content

Workflow

# Step 1: Generate the infographic layout
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Infographic layout for a startup funding timeline. Vertical format, road or path metaphor winding from bottom to top, five milestone markers along the path, each marker is a distinct colored circle, light gray background, flat modern illustration style."
      }
    ],
    "stream": false
  }'

# Step 2: Refine specific sections
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Infographic layout for a startup funding timeline. Vertical format, road or path metaphor winding from bottom to top, five milestone markers along the path, each marker is a distinct colored circle, light gray background, flat modern illustration style."
      },
      {
        "role": "assistant",
        "content": "..."
      },
      {
        "role": "user",
        "content": "Add small flat vector illustrations next to each milestone: a lightbulb for ideation, a handshake for seed round, a sprouting plant for growth, a building for scaling, and a flag on top for IPO. Keep the same color scheme."
      }
    ],
    "stream": false
  }'

Related Skills

Related Models

Documentation

Du fichier au premier essai

Le téléchargement contient exactement le contenu affiché sur cette fiche. Cette copie peut différer de la dernière version du dépôt source.

Consulter la source et ses fichiers annexes

Ce téléchargement contient uniquement SKILL.md. Les scripts, références, modèles et dépendances éventuels ne sont pas inclus. Récupérez les fichiers nécessaires depuis la source en conservant leur arborescence avant de poursuivre.

1. Télécharger le fichier

Télécharger SKILL.md

Depuis la racine d’un projet de test, enregistrez le fichier sous .skill-downloads/infographic-design-ms47voyg/SKILL.md, ou utilisez la commande suivante. Ce dossier sert à examiner la skill avant son installation.

Commande pour macOS/Linux ou WSL : un shell POSIX et curl sont nécessaires. Sous Windows sans WSL, utilisez le bouton de téléchargement et créez le dossier manuellement.

mkdir -p '.skill-downloads/infographic-design-ms47voyg' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/infographic-design-ms47voyg/download' --output '.skill-downloads/infographic-design-ms47voyg/SKILL.md.part' && mv '.skill-downloads/infographic-design-ms47voyg/SKILL.md.part' '.skill-downloads/infographic-design-ms47voyg/SKILL.md'

2. Vérifier les prérequis

Lisez SKILL.md avant de l’utiliser. Si le fichier cite des scripts ou services externes, examinez-les et préparez les accès nécessaires dans votre environnement de test.

Outils déclarés par l’auteur (à vérifier dans votre agent) : Bash(curl *), WebFetch

Aucune section de prérequis reconnue dans ce fichier. Cela ne signifie pas qu’il est autonome : les bibliothèques, outils et accès peuvent être cités ailleurs dans le contenu ou dans le dépôt source.

Les plateformes de la fiche sont des indications du catalogue. Les chemins ci-dessous suivent la documentation des outils ; ils ne prouvent pas que cette skill y a été exécutée. Aucune version minimale de ces outils n’est attestée pour cette fiche.

3. Charger la skill

Après vérification, copiez le dossier complet dans le projet avec l’une des commandes ci-dessous, puis ouvrez une nouvelle session de l’outil. La commande s’arrête si un dossier du même nom existe déjà : comparez les fichiers avant de le remplacer.

Claude Code
test -f '.skill-downloads/infographic-design-ms47voyg/SKILL.md' && test -s '.skill-downloads/infographic-design-ms47voyg/SKILL.md' && mkdir -p '.claude/skills' && test ! -e '.claude/skills/infographic-design' && cp -R '.skill-downloads/infographic-design-ms47voyg' '.claude/skills/infographic-design'

Cursor
test -f '.skill-downloads/infographic-design-ms47voyg/SKILL.md' && test -s '.skill-downloads/infographic-design-ms47voyg/SKILL.md' && mkdir -p '.cursor/skills' && test ! -e '.cursor/skills/infographic-design' && cp -R '.skill-downloads/infographic-design-ms47voyg' '.cursor/skills/infographic-design'

OpenSkills

OpenSkills doit déjà être installé. La procédure locale install/read est contrôlée avec OpenSkills 1.5.0, qui exige Node.js ≥ 20.6.0. Aucun slug du catalogue n’est résolu automatiquement.

Installation officielle d’OpenSkills
openskills install './.skill-downloads/infographic-design-ms47voyg'

openskills read 'infographic-design-ms47voyg'

La lecture doit afficher le contenu du fichier installé et son dossier de base. Elle ne lance ni la skill ni ses dépendances.

Pour un agent qui lit AGENTS.md, synchronisez ensuite l’index. Cette commande modifie AGENTS.md : relisez le diff avant de l’utiliser.

openskills sync

Mode manuel ou autre outil : joignez SKILL.md à une conversation, ou ouvrez-le dans un agent capable de lire les fichiers. Ajoutez les ressources annexes nécessaires. Il n’existe pas de dossier universel reconnu par tous les outils.

4. Faire un premier essai

Utilisez une entrée courte et fictive : un endpoint d’API, un petit document ou un brief d’interface. Dans une nouvelle conversation, joignez le fichier ou donnez son chemin à l’agent, puis adaptez cette demande :

Lis .skill-downloads/infographic-design-ms47voyg/SKILL.md et applique ses instructions à cet exemple : [décrire une entrée de test]. Indique les fichiers, dépendances ou accès qui manquent. Produis le résultat demandé par la skill sans inventer de données ni exécuter de script non examiné.

Résultat attendu : une sortie correspondant aux instructions de la skill, ou une liste précise des prérequis manquants. Une simple confirmation de lecture ne valide pas le premier usage. Si une ressource externe est indisponible, ce parcours reste à tester.

Skills similaires