Zur Nutzungsanleitung springen
Baoyu Infographicvon Jim Liu (Baoyu)

Baoyu Infographic Skill.

Wählen Sie Vergleich, Hierarchie, Prozess oder Überblick, weil es zum Inhalt passt – nicht, weil jedes Thema dasselbe Raster braucht.

  • Infografiken
  • Informationsdesign
Quellenprüfung · Baoyu InfographicSKILL.md
Aufgabe Infografiken Ergebnis • Ein strukturierter Inhaltsplan mit aus der Quelle abgeleiteten Beschriftungen und Daten • Eine gewählte Kombination aus Layout und Stil mit gespeichertem Prompt • Eine generierte Infografik im gewählten Seitenverhältnis Vor dem Start Ein verfügbares Raster-Bild-Backend sowie Referenzen für Layout, Stil und Konfiguration.
Redaktionelle Zusammenfassung · Quelle geprüft 2026-10-07 · kein generiertes Beispiel

01 Funktionen

Ein Infografik-Layout auf die Informationen abstimmen

Ein Workflow zur Planung von Infografiken und zur Raster-Generierung mit unabhängiger Wahl von Layout und Stil sowie einem strukturierten Inhaltsprotokoll.

Quellenbasierter WorkflowKein Ausführungs-Benchmark

Die Arbeitsweise

Baoyu Infographic trennt Layout und visuellen Stil. Die Quelle bietet Strukturen für Vergleiche, Kreisläufe, Hierarchien, Abläufe (Journeys), räumliche Beziehungen und dichte Leitfäden und kombiniert sie mit einer Rendering-Richtung. Vor der Bildgenerierung entsteht strukturierter Inhalt mit Lernzielen, Abschnitten, Beschriftungen und Quelldaten.

Das Ergebnis ist eine generierte Raster-Infografik mit gespeichertem Prompt und Analyseprotokoll. Sie eignet sich für visuelle Zusammenfassungen, doch dichter Text und Zahlen bleiben ein Prüfrisiko: Ein getreuer Prompt beweist kein getreues Bild. Die Quelle sieht Korrekturen über überarbeitete Prompts oder textärmere Layouts vor, nicht über stillschweigendes Ersetzen von Bitmap-Text.

Erwartete Ergebnisse

  • Ein strukturierter Inhaltsplan mit aus der Quelle abgeleiteten Beschriftungen und Daten
  • Eine gewählte Kombination aus Layout und Stil mit gespeichertem Prompt
  • Eine generierte Infografik im gewählten Seitenverhältnis
Beispiel-Briefing ansehen

Vom Briefing zur Prüfung

  1. 01
    Fakten strukturieren

    Lernziel bestimmen und die gelieferten Werte, Begriffe und Beziehungen bewahren, ohne nicht belegte Informationen hinzuzufügen.

  2. 02
    Visuelle Form wählen

    Layouts vergleichen, die zur Datenstruktur passen, dann einen kompatiblen Stil, ein Seitenverhältnis und eine Sprache wählen.

  3. 03
    Rendern und abgleichen

    Aus dem gespeicherten Prompt generieren und jede wichtige Beschriftung und jeden Wert mit der strukturierten Quelle vergleichen, bevor das Bild akzeptiert wird.

02 Einsatzbereiche

Wann es passt

Ein verfügbares Raster-Bild-Backend sowie Referenzen für Layout, Stil und Konfiguration.

Gut geeignet

  • Visuelle ZusammenfassungenNützlich für eine in sich geschlossene Erklärung eines Prozesses, Vergleichs oder konzeptionellen Rahmens.
  • Datenreiche LeitfädenPasst zu einem bewusst dichten Layout, wenn die vorgesehene Anzeigegröße Text und Beschriftungen tragen kann.

Zu prüfende Grenzen

  • Kein bearbeitbares DatendiagrammDas Ergebnis ist ein Rasterbild, kein mit einer Tabelle verbundenes Diagramm und keine Sammlung bearbeitbarer Vektorelemente.
  • Die Generierung verifiziert keine DatenDie Quellwerte müssen verlässlich sein, und das gerenderte Bild muss weiterhin Wert für Wert geprüft werden.

Diese Eingaben mitbringen

  • Freigegebener InhaltLiefern Sie die genauen Fakten, Beschriftungen und Zahlen, die das Bild enthalten darf.
  • LesezweckErklären Sie, was das Publikum nach dem Betrachten der Grafik verstanden haben soll.
  • AnzeigekontextGeben Sie Seitenverhältnis, Sprache und die Größe an, in der die Infografik gelesen wird.

03 Wichtige Entscheidungen

Entscheidende Weichenstellungen

  1. Das Layout folgt den Beziehungen

    Kreislauf, Hierarchie und Vergleich erhalten unterschiedliche Strukturen, statt in austauschbare Karten gezwängt zu werden.

  2. Strukturierter Zwischeninhalt

    Der Inhaltsplan liefert eine konkrete Referenz, um zu prüfen, was das Bildmodell tatsächlich gerendert hat.

04 Beispielbriefing

Ein fokussiertes Briefing ausprobieren

Das folgende Beispiel-Briefing wurde nicht getestet. Prüfen Sie die Einrichtung des Skills, bevor Sie es verwenden.

Einrichtung prüfen

Behalten Sie den vollständigen Referenzsatz bei und konfigurieren Sie das verfügbare Bild-Backend. Die Generierungsergebnisse müssen mit den Quelldaten abgeglichen werden.

Quelldatei im Upstream
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-infographic/SKILL.md

Ein verfügbares Raster-Bild-Backend sowie Referenzen für Layout, Stil und Konfiguration.

Mit einem Ergebnis beginnen

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

Beispiel-Briefing
Nutze baoyu-infographic, um den bereitgestellten dreistufigen Onboarding-Prozess zu erklären. Behalte alle Stufennamen und Zahlen exakt bei, schlage zwei geeignete Kombinationen aus Layout und Stil vor und warte auf Bestätigung. Speichere den strukturierten Inhalt und den finalen Prompt und prüfe dann das generierte Bild auf fehlende Schritte, veränderte Zahlen und unlesbare Beschriftungen. Füge keine neuen Statistiken hinzu.

Ergebnis prüfen

Prüfen Sie das tatsächliche Ergebnis anhand dieser beobachtbaren Kriterien.

  • Das gewählte Layout vermittelt die beabsichtigte Beziehung.
  • Gerenderte Beschriftungen und Werte stimmen mit der freigegebenen Quelle überein.
  • Die Infografik bleibt in der vorgesehenen Anzeigegröße lesbar.

OpenDesign bietet einen lokalen Design-Arbeitsbereich für Coding-Agenten. Diese Auflistung bedeutet nicht, dass der Skill gebündelt ist oder dass seine externen Tools, Zugangsdaten und Software-Abhängigkeiten enthalten sind.

05 Quelle und Lizenz

Quelle und Lizenz

Diese Seite beschreibt die unten verlinkte, fixierte Quellversion. Verhalten und Anforderungen im Upstream können sich ändern.

Quellen-Inhaber
Jim Liu (Baoyu)
Lizenz
MIT
Geprüfter Stand
2026-10-07 · 1567581c26ec
Redaktionelle Quellenzusammenfassung
Ein Workflow zur Planung von Infografiken und zur Raster-Generierung mit unabhängiger Wahl von Layout und Stil sowie einem strukturierten Inhaltsprotokoll.

Originalzusammenfassung von OpenDesign auf Grundlage der verlinkten Quelle. Repository-Sterne sind ein datiertes Popularitätssignal, keine Skill-Nutzung und keine Qualitätsbewertung.

06 Fragen vor dem Start

Fragen vor dem Start

Kann ich Layout und Stil unabhängig wählen?

Ja. Diese Trennung ist das zentrale Ordnungsprinzip der Quelle, vorbehaltlich praktischer Kompatibilität und Lesbarkeit.

Ist das Ergebnis ein SVG?

Nein. Dieser Workflow rendert ein Infografik-Bild. Baoyu Diagram ist der separate, SVG-orientierte Workflow.

Was, wenn der Inhalt zu dicht ist?

Reduzieren Sie den Text im Bild, ändern Sie das Layout oder teilen Sie die Erklärung auf, statt unleserliche Beschriftungen nur deshalb zu akzeptieren, weil die Generierung abgeschlossen wurde.

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 eigene Einrichtung des Skills, bevor Sie ihn in Ihren Workflow aufnehmen.

Quelldatei im Upstream
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-infographic/SKILL.md