Baoyu Article Illustratorvon Jim Liu (Baoyu)

Baoyu Article Illustrator Skill.

Illustrieren Sie die Argumentation an der passenden Stelle im Artikel, statt jeden Abschnitt gleichmäßig zu dekorieren.

Redaktionelle Illustration
Content-Design

OpenDesign herunterladen Anleitung ansehen

Quellenprüfung · Baoyu Article IllustratorSKILL.md

Aufgabe Redaktionelle Illustration Ergebnis • Eine Illustrationsgliederung mit Artikelpositionen und Zwecken • Gespeicherte, artikelspezifische Bild-Prompts und Rasterbilder • Markdown-Bildverweise neben den jeweils passenden Textstellen Vor dem Start Ein verfügbares Backend zur Rasterbilderzeugung und die Referenz- und Konfigurationsdateien des Skills; Backend-Zugang und Kosten sind separat zu klären.

Redaktionelle Zusammenfassung · Quelle geprüft am 2026-10-07 · kein generiertes Beispiel

01 Funktionen

Illustrationen dort platzieren, wo ein Artikel Erklärung braucht

Ein artikelbezogener Illustrations-Workflow mit Auswahl von Typ, Stil und Farbpalette, gespeicherten Prompts und Markdown-Platzierung.

Workflow auf Basis der QuelleKein Ausführungs-Benchmark

Die Arbeitsweise

Baoyu Article Illustrator beginnt mit der Struktur des Artikels und fragt, wo eine visuelle Hilfe das Verständnis verbessern würde. Informationsform, Darstellungsstil und Farbpalette werden getrennt behandelt: Ein Prozess kann so zum Flussdiagramm werden, während ein Vergleich eine andere Struktur nutzt, ohne die visuelle Einheitlichkeit zu verlieren. Die Quelle empfiehlt, das zugrunde liegende Konzept zu visualisieren, statt eine Metapher wörtlich zu zeichnen.

Der Workflow hinterlässt eine Gliederung mit Position, Zweck und Dateiname jedes Bildes, gefolgt von einem gespeicherten Prompt für jede Illustration. Die erzeugten Rasterbilder werden anschließend mit relativen Markdown-Pfaden im Artikel referenziert. Das ist Planung redaktioneller Illustrationen plus Produktionskoordination, kein Faktencheck-Dienst und kein Ersatz für ein verfügbares Bild-Backend.

Erwartete Ergebnisse

Eine Illustrationsgliederung mit Artikelpositionen und Zwecken
Gespeicherte, artikelspezifische Bild-Prompts und Rasterbilder
Markdown-Bildverweise neben den jeweils passenden Textstellen

Beispiel-Briefing ansehen

Vom Briefing zur Prüfung

01
Visuellen Bedarf finden
Lesen Sie die Argumente des Artikels und erkennen Sie Erklärungen, die von einer Szene, einem Ablauf, einem Vergleich oder einer konzeptionellen Struktur profitieren.
02
Bildsystem festlegen
Wählen Sie Typ, Dichte, Darstellungsstil, Farbpalette und Sprache. Vorgegebene Daten und die Rollen sinnvoller Referenzbilder bleiben erhalten.
03
Erzeugen und platzieren
Speichern Sie die Prompts vor dem Rendern, prüfen Sie Beschriftungen und Konzepte und fügen Sie dann korrekte relative Bildverweise in den Artikel ein.

02 Einsatzbereiche

Wann es sich eignet

Ein verfügbares Backend zur Rasterbilderzeugung und die Referenz- und Konfigurationsdateien des Skills; Backend-Zugang und Kosten sind separat zu klären.

Gut geeignet

Technische ErklärartikelNützlich, wenn ein langer Artikel Abläufe oder Zusammenhänge enthält, die sich allein im Text schwer nachvollziehen lassen.
Einheitliche redaktionelle SetsPasst zu mehreren Illustrationen, die eine gemeinsame visuelle Behandlung, aber unterschiedliche Informationsstrukturen brauchen.

Zu prüfende Grenzen

Raster-Backend erforderlichDer Skill plant und koordiniert Bilder, benötigt aber ein verfügbares Generierungs-Backend. Seine Quelle behandelt SVG oder HTML nicht als austauschbaren Ersatz.
Fakten im Artikel müssen separat geprüft werdenZahlen und Terminologie stammen aus dem Artikel; der Illustrations-Workflow validiert sie nicht eigenständig.

Diese Eingaben mitbringen

ArtikelquelleStellen Sie den vollständigen Artikel bereit und kennzeichnen Sie Inhalte, die unverändert bleiben müssen.
IllustrationsdichteWählen Sie wenige unverzichtbare Visualisierungen oder eine dichtere, abschnittsbasierte Gestaltung.
Visuelle ReferenzenErläutern Sie, ob jede Referenz Motiv, Farbpalette oder Stil liefert.

03 Wichtige Entscheidungen

Entscheidende Weichenstellungen

Position und Zweck werden festgehalten
Jedes Bild ist an eine bestimmte Erklärung gebunden, sodass sich unnötige Dekoration leichter entfernen lässt.
Voneinander unabhängige Gestaltungsdimensionen
Die Informationsstruktur kann wechseln, ohne dass für jede Abbildung eine andere Farbpalette oder Darstellungsweise nötig wird.

04 Beispielbriefing

Mit einem fokussierten Briefing ausprobieren

Das folgende Beispiel-Briefing wurde nicht getestet. Prüfen Sie vor der Verwendung die Einrichtung des Skills.

Einrichtung prüfen

Behalten Sie den vollständigen Ordner bei und schließen Sie die Einrichtung der Einstellungen ab. Wählen Sie ein tatsächlich verfügbares Bild-Backend, bevor Sie gerenderte Illustrationen zusagen.

Quelldatei im Upstream

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

Ein verfügbares Backend zur Rasterbilderzeugung und die Referenz- und Konfigurationsdateien des Skills; Backend-Zugang und Kosten sind separat zu klären.

Mit einem Ergebnis beginnen

Passen Sie Umfang, Quellmaterial und Vorgaben in diesem Briefing an, bevor Sie den Skill ausführen.

Beispiel-Briefing

Nutze baoyu-article-illustrator, um drei Illustrationen für diesen Artikel über die Migration von Design-Tokens zu planen. Zeige, wo jedes Bild hingehört und was es erklärt. Verwende eine einheitliche, zurückhaltende Farbpalette, wähle aber nur dort ein Flussdiagramm, einen Vergleich oder ein Framework, wo der Inhalt es erfordert. Behalte die Terminologie des Artikels bei, speichere die Prompts vor der Generierung und warte auf meine Freigabe der Gliederung.

Ergebnis prüfen

Prüfen Sie die tatsächliche Ausgabe anhand dieser beobachtbaren Kriterien.

Jedes Bild verdeutlicht die Textstelle, an der es eingefügt wird.
Beschriftungen und Daten entsprechen dem Artikel statt erfundenen Beispielen.
Markdown-Verweise führen zu geprüften Bilddateien mit einheitlicher visueller Gestaltung.

OpenDesign bietet einen lokalen Design-Arbeitsbereich für Coding-Agenten. Dieser Eintrag bedeutet nicht, dass der Skill mitgeliefert wird oder dass externe Tools, Zugangsdaten und Software-Abhängigkeiten enthalten sind.

OpenDesign herunterladen Quickstart lesen

05 Quelle und Lizenz

Quelle und Lizenz

Diese Seite beschreibt die unten verlinkte fest gewählte Quellrevision. Verhalten und Anforderungen im Upstream können sich ändern.

Quellen-Eigentümer: Jim Liu (Baoyu)
Repository: JimLiu/baoyu-skills
Skill-Datei: skills/baoyu-article-illustrator/SKILL.md
Lizenz: MIT
Geprüfter Stand: 2026-10-07 · 1567581c26ec

Redaktionelle Quellenzusammenfassung

Ein artikelbezogener Illustrations-Workflow mit Auswahl von Typ, Stil und Farbpalette, gespeicherten Prompts und Markdown-Platzierung.

Eigene Zusammenfassung von OpenDesign auf Grundlage der verlinkten Quelle. Repository-Sterne sind ein datiertes Popularitätssignal, weder Skill-Nutzung noch Qualitätswert.

06 Fragen vor dem Start

Fragen vor dem Start

Fügt er jeder Überschrift ein Bild hinzu?

Nicht unbedingt. Die Dichte ist eine bewusste Entscheidung, und die Quelle fragt, wo Illustrationen Mehrwert bringen.

Worin unterscheidet er sich von einem Cover-Generator?

Er plant mehrere Visualisierungen im Artikel samt ihren Lesepositionen; ein Cover-Workflow konzentriert sich auf ein einzelnes Titelbild.

Was passiert, wenn erzeugte Beschriftungen falsch sind?

Die Quelle sieht vor, den Prompt zu korrigieren und neu zu generieren oder einen textärmeren Ansatz zu wählen, statt Ersatztext über die Bitmap zu malen.

OpenDesign

Schaffen Sie Raum für die nächste Design-Iteration.

Halten Sie Briefing, Quellmaterial und Designarbeit in einem lokalen Arbeitsbereich zusammen. Prüfen Sie die Einrichtung des Skills, bevor Sie ihn in Ihren Workflow aufnehmen.

OpenDesign herunterladen Design-Skills durchsuchen