Aller au guide d’utilisation
Baoyu Article Illustratorpar Jim Liu (Baoyu)

Baoyu Article Illustrator Skill.

Illustrez l’argument au bon endroit de l’article, plutôt que de décorer chaque section de la même manière.

  • Illustration éditoriale
  • Conception de contenu
Revue de la source · Baoyu Article IllustratorSKILL.md
Tâche Illustration éditoriale Produit • Un plan d’illustration indiquant les emplacements dans l’article et leurs objectifs • Des prompts d’images enregistrés, propres à l’article, et des fichiers raster • Des références d’images en Markdown insérées à côté des passages concernés Avant de commencer Un backend de génération raster disponible et les fichiers de référence et de configuration de la Skill ; l’accès au backend et son coût sont distincts.
Résumé éditorial · source examinée le 2026-10-07 · exemple non généré

01 Fonctionnement

Placez les illustrations là où l’article a besoin d’explications

Un workflow d’illustration adapté à l’article, avec choix du type, du style et de la palette, prompts enregistrés et placement en Markdown.

Workflow fondé sur la sourceCe n’est pas un benchmark d’exécution

Méthode de travail

Baoyu Article Illustrator commence par la structure de l’article et cherche où un support visuel améliorerait la compréhension. Elle sépare la forme de l’information, le style de rendu et la palette : un processus peut devenir un organigramme, tandis qu’une comparaison adopte une autre structure, sans perdre en cohérence visuelle. La source recommande de visualiser le concept sous-jacent plutôt que de dessiner littéralement une métaphore.

Le workflow produit un plan consignant la position, l’objectif et le nom de fichier de chaque image, puis un prompt enregistré pour chaque illustration. Les images raster générées sont ensuite référencées dans l’article par des chemins Markdown relatifs. Il s’agit de planification d’illustrations éditoriales et de coordination de production, pas d’un service de vérification des faits ni d’un remplacement d’un backend d’images disponible.

Livrables attendus

  • Un plan d’illustration avec les emplacements dans l’article et leurs objectifs
  • Des prompts d’images enregistrés, propres à l’article, et des fichiers raster
  • Des références d’images en Markdown insérées à côté des passages concernés
Voir l’exemple de brief

Du brief à la relecture

  1. 01
    Repérer le besoin visuel

    Lisez les arguments de l’article et repérez les explications qui gagneraient à être accompagnées d’une scène, d’un flux, d’une comparaison ou d’une structure conceptuelle.

  2. 02
    Confirmer le système d’images

    Choisissez le type, la densité, le style de rendu, la palette et la langue. Conservez les données fournies et le rôle des images de référence qui comptent.

  3. 03
    Générer et placer

    Enregistrez les prompts avant le rendu, vérifiez les libellés et les concepts, puis insérez dans l’article les bonnes références d’images relatives.

02 Cas d’usage

Quand l’utiliser

Un backend de génération raster disponible et les fichiers de référence et de configuration de la Skill ; l’accès au backend et son coût sont distincts.

Bon cas d’usage

  • Articles techniques explicatifsUtile lorsqu’un long article contient des processus ou des relations difficiles à suivre dans le texte seul.
  • Ensembles éditoriaux cohérentsConvient à plusieurs illustrations devant partager un même traitement visuel tout en reposant sur des structures d’information différentes.

Limites à vérifier

  • Backend raster requisLa Skill planifie et coordonne les images, mais elle a besoin d’un backend de génération disponible. Sa source ne traite ni SVG ni HTML comme une solution de repli interchangeable.
  • Les faits de l’article doivent être vérifiés séparémentLes chiffres et la terminologie proviennent de l’article ; le workflow d’illustration ne les valide pas de manière indépendante.

Éléments à fournir

  • Source de l’articleFournissez l’article complet et indiquez le contenu qui doit rester inchangé.
  • Densité d’illustrationChoisissez un petit nombre d’images essentielles ou un traitement plus dense, section par section.
  • Références visuellesPrécisez si chaque référence fournit le sujet, la palette ou le style.

03 Décisions importantes

Décisions importantes

  1. La position et l’objectif sont consignés

    Chaque image est rattachée à une explication précise, ce qui facilite la suppression de la décoration inutile.

  2. Dimensions de conception indépendantes

    La structure de l’information peut changer sans imposer une palette ou une approche de rendu différente pour chaque figure.

04 Exemple de brief

Essayer un brief ciblé

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

Vérifier la configuration

Conservez le dossier complet et terminez la configuration des préférences. Sélectionnez un backend d’images réellement disponible avant de promettre des illustrations rendues.

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

Un backend de génération raster disponible et les fichiers de référence et de configuration de la Skill ; l’accès au backend et son coût sont distincts.

Commencer par un seul livrable

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

Exemple de brief
Utilise baoyu-article-illustrator pour planifier trois illustrations pour cet article sur la migration des design tokens. Indique où se place chaque image et ce qu’elle explique. Utilise une palette sobre et cohérente, mais choisis un organigramme, une comparaison ou un cadre conceptuel uniquement lorsque le contenu l’exige. Conserve la terminologie de l’article, enregistre les prompts avant la génération et attends mon approbation du plan.

Examiner le résultat

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

  • Chaque image éclaire le passage où elle est insérée.
  • Les libellés et les données correspondent à l’article, sans exemples inventés.
  • Les références Markdown renvoient à des fichiers image vérifiés, avec un traitement visuel cohérent.

OpenDesign fournit un espace de conception local pour les agents de programmation. Cette fiche ne signifie pas que la skill est incluse, ni que ses outils externes, ses identifiants et ses dépendances logicielles sont fournis.

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)
Licence
MIT
Version examinée
2026-10-07 · 1567581c26ec
Résumé éditorial de la source
Un workflow d’illustration adapté à l’article, avec choix du type, du style et de la palette, prompts enregistrés et placement en Markdown.

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

06 Questions avant de commencer

Questions avant de commencer

Ajoutera-t-elle une image sous chaque titre ?

Pas nécessairement. La densité est un choix délibéré, et la source demande où les illustrations apportent de la valeur.

En quoi diffère-t-elle d’un générateur d’image de couverture ?

Elle planifie plusieurs visuels dans l’article et leurs positions de lecture ; un workflow de couverture se concentre sur une seule image principale.

Que se passe-t-il si les libellés générés sont erronés ?

La source demande de corriger le prompt et de régénérer l’image, ou d’adopter un traitement avec moins de texte, plutôt que de peindre un texte de remplacement sur le bitmap.

OpenDesign

Préparez la prochaine itération de conception.

Gardez votre brief, vos documents sources et votre travail de conception ensemble dans un espace de travail local. Vérifiez la configuration propre à la skill avant de l’ajouter à votre workflow.

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