102.3K+Télécharger
Aller au guide d’utilisation
Baoyu Infographicpar Jim Liu (Baoyu)

Baoyu Infographic Skill.

Choisissez une comparaison, une hiérarchie, un processus ou une vue d’ensemble parce qu’elle convient au contenu, et non parce que tous les sujets devraient suivre la même grille.

  • Infographies
  • Design de l’information
Télécharger OpenDesignVoir le guide d’utilisation
Revue de la source · Baoyu InfographicSKILL.md
Tâche Infographies Produit • Un plan de contenu structuré avec des libellés et des données issus de la source • Une combinaison mise en page-style sélectionnée, avec un prompt enregistré • Une infographie générée dans le format d’image choisi Avant de commencer Un moteur d’images matricielles disponible, ainsi que des références de mise en page, de style et de configuration.
Résumé éditorial · source examinée 2026-10-07 · exemple non généré

01 Fonctionnement

Adapter la mise en page d’une infographie à l’information

Un flux de travail de planification d’infographies et de génération matricielle, avec des choix de mise en page et de style indépendants et un enregistrement du contenu structuré.

Flux de travail fondé sur la sourcePas un benchmark d’exécution

La méthode de travail

Baoyu Infographic sépare la mise en page du style visuel. La source propose des structures pour les comparaisons, cycles, hiérarchies, parcours, relations spatiales et guides denses, puis les associe à une direction de rendu. Avant la génération de l’image, il crée un contenu structuré avec objectifs d’apprentissage, sections, libellés et données de la source.

Le résultat final est une infographie matricielle générée, accompagnée d’un prompt enregistré et d’une trace d’analyse. Elle est utile pour des synthèses visuelles, mais le texte dense et les chiffres restent un risque à contrôler : un prompt fidèle ne prouve pas qu’une image soit fidèle. La source prévoit de corriger par des prompts révisés ou des mises en page comportant moins de texte, et non en remplaçant discrètement le texte bitmap.

Livrables attendus

  • Un plan de contenu structuré avec des libellés et des données issus de la source
  • Une combinaison mise en page-style sélectionnée, avec un prompt enregistré
  • Une infographie générée dans le format d’image choisi
Voir l’exemple de brief

Du brief à la revue

  1. 01
    Structurer les faits

    Identifiez l’objectif d’apprentissage et conservez les valeurs, la terminologie et les relations fournies, sans ajouter d’informations non étayées.

  2. 02
    Choisir la forme visuelle

    Comparez les mises en page adaptées à la structure des données, puis choisissez un style, un format d’image et une langue compatibles.

  3. 03
    Générer et rapprocher

    Générez à partir du prompt enregistré et comparez chaque libellé et chaque valeur importants avec la source structurée avant d’accepter l’image.

02 Cas d’usage

Quand l’utiliser

Un moteur d’images matricielles disponible, ainsi que des références de mise en page, de style et de configuration.

Bon cas d’usage

  • Synthèses visuellesUtile pour une explication autonome d’un processus, d’une comparaison ou d’un cadre conceptuel.
  • Guides riches en donnéesConvient à une mise en page dense choisie délibérément, lorsque la taille d’affichage prévue permet de lire le texte et les libellés.

Limites à vérifier

  • Pas un graphique de données modifiableLe résultat est une image matricielle, et non un graphique relié à un tableur ni un ensemble d’éléments vectoriels modifiables.
  • La génération ne vérifie pas les donnéesLes valeurs sources doivent être fiables, et l’image générée doit encore être vérifiée valeur par valeur.

Éléments à fournir

  • Contenu validéFournissez les faits, libellés et chiffres exacts que l’image peut contenir.
  • Objectif de lectureExpliquez ce que le public doit avoir compris après avoir vu l’infographie.
  • Contexte d’affichagePrécisez le format d’image, la langue et la taille à laquelle l’infographie sera lue.

03 Décisions importantes

Décisions importantes

  1. La mise en page suit les relations

    Un cycle, une hiérarchie et une comparaison reçoivent des structures différentes, au lieu d’être forcés dans des cartes interchangeables.

  2. Contenu intermédiaire structuré

    Le plan de contenu fournit une référence concrète pour vérifier ce que le modèle d’image a réellement rendu.

04 Exemple de brief

Essayer un brief ciblé

L’exemple de brief ci-dessous n’a pas été testé. Vérifiez la configuration du skill avant de l’utiliser.

Vérifier la configuration

Conservez l’ensemble complet des références et configurez le moteur d’images disponible. Le résultat généré doit être vérifié par rapport aux données sources.

Fichier source amont
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-infographic/SKILL.md

Un moteur d’images matricielles disponible, ainsi que des références de mise en page, de style et de configuration.

Commencer par un seul livrable

Adaptez le périmètre, les sources et les contraintes de ce brief avant d’exécuter le skill.

Exemple de brief
Utilise baoyu-infographic pour expliquer le processus d’intégration en trois étapes fourni. Conserve exactement tous les noms d’étapes et tous les nombres, propose deux combinaisons mise en page-style adaptées et attends ma confirmation. Enregistre le contenu structuré et le prompt final, puis inspecte l’image générée pour repérer les étapes manquantes, les nombres modifiés et les libellés illisibles. N’ajoute aucune nouvelle statistique.

Examiner le résultat

Comparez le résultat réel à ces critères observables.

  • La mise en page choisie traduit la relation voulue.
  • Les libellés et valeurs générés concordent avec la source validée.
  • L’infographie reste lisible à la taille d’affichage prévue.

OpenDesign fournit un espace de travail de design local pour les agents de code. Cette fiche ne signifie pas que le skill est fourni avec l’ensemble de son contenu, ni que ses outils externes, identifiants et dépendances logicielles sont inclus.

Télécharger OpenDesignLire le guide de démarrage rapide

05 Source et licence

Source et licence

Cette page décrit la révision de source figée liée ci-dessous. Le comportement et les exigences en amont peuvent changer.

Propriétaire de la source
Jim Liu (Baoyu)
Dépôt
JimLiu/baoyu-skills
Fichier du skill
skills/baoyu-infographic/SKILL.md
Licence
MIT
Version examinée
2026-10-07 · 1567581c26ec
Résumé éditorial de la source
Un flux de travail de planification d’infographies et de génération matricielle, avec des choix de mise en page et de style indépendants et un enregistrement du contenu structuré.

Résumé original par OpenDesign, d’après la source liée. Les étoiles du dépôt sont un indicateur de popularité daté, pas une mesure d’utilisation du skill ni une note de qualité.

06 Questions avant de commencer

Questions avant de commencer

Puis-je choisir la mise en page et le style indépendamment ?

Oui. Cette séparation est le principe d’organisation central de la source, sous réserve de compatibilité pratique et de lisibilité.

Le résultat est-il un SVG ?

Non. Ce flux de travail génère une image d’infographie. Baoyu Diagram est le flux de travail distinct, orienté SVG.

Que faire si le contenu est trop dense ?

Réduisez le texte dans l’image, changez la mise en page ou scindez l’explication, au lieu d’accepter des libellés illisibles simplement parce que la génération s’est terminée.

OpenDesign

Faites de la place pour la prochaine itération de design.

Gardez votre brief, vos sources et votre travail de design réunis dans un espace de travail local. Vérifiez la configuration propre au skill avant de l’ajouter à votre flux de travail.

Télécharger OpenDesignParcourir les skills de design
Fichier source amont
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-infographic/SKILL.md