Communitygithub.com

2023Anita/japanese-handdrawn-illustrations

Verwandle chinesische Artikel mit einem wiederverwendbaren Codex-Skill in konsistente japanische handgezeichnete Redaktionsillustrationen.

Was ist japanese-handdrawn-illustrations?

Dieser Skill wandelt chinesische Textinhalte automatisch in durchgängige japanisch-handgezeichnete Illustrationen im 16:9-Querformat um. Er ist speziell für Redaktionsillustrationen konzipiert und vermeidet Stile wie Anime-Poster, Kinderbilderbücher, PPT-Infografiken oder kommerzielle Illustrationen. Stattdessen erzeugt er ruhige, luftige, handschriftliche Erklärbilder mit viel Weißraum und einer typisch japanischen Notizbuch-Ästhetik. Der Skill unterstützt eine „Kleine Reisende“-Figur, die als visueller Anker punktuelle Aktionen im Bild ausführt – sie muss am Kern der Handlung beteiligt sein, nicht nur dekorativ danebenstehen. Für die Erstellung wird ein Workflow aus fünf Schritten ausgeführt: (1) Analysieren des Quelltexts, um die zentralen Aussagen und kognitiven Anker zu identifizieren; (2) Entwickeln einer Illustrationsstrategie (Shot-Liste) mit Angabe von Platzierung, Thema, Kernaussage, Strukturtyp und Elementen; (3) Einzelerzeugung jeder Illustration mittels integriertem Bildgenerator – dabei sind 16:9-Format, reiner Hintergrund, feine schwarze Handlinien, niedrig gesättigte Aquarell-Tupfer, chinesische Handnotizen und viel Weißraum Pflicht; (4) Qualitätsprüfung anhand einer Checkliste (z. B. keine zu vollen Bilder, kein zu bunter Stil); (5) Speichern im Arbeitsbereich unter `assets/<article-slug>-illustrations/` mit eindeutiger Nummerierung. Der Skill verwendet Referenzdateien (`references/style-dna.md`, `references/character-ip.md`, `references/composition-patterns.md`, `references/prompt-template.md`, `references/qa-checklist.md`) zur Feinsteuerung von Stil und Charakter, ohne bestehende Kompositionen zu kopieren.

Funktioniert mit~Claude Code✓Codex CLI~Cursor
npx skills add 2023Anita/japanese-handdrawn-illustrations

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Japanisch handgezeichnete Redaktionsillustrationen

Kernpositionierung

Entwerfen und generieren Sie 16:9-Querformat-Illustrationen für chinesische Textinhalte. Ziel ist nicht ein Anime-Poster, ein Kinderbilderbuch, eine PPT-Infografik oder eine kommerzielle Illustration, sondern eine ruhige, klare, mit viel Weißraum versehene handgezeichnete Erklärgrafik mit einem Hauch japanischer Notizbuch-Ästhetik – die Schlüsselaussagen, Abläufe, Stimmungen, Strukturen oder alltägliche Metaphern des Artikels visualisiert.

Die standardmäßige visuelle Rolle ist die „Kleine Reisende“ (小旅人): eine stille, ernsthafte, leicht tollpatschige handgezeichnete Figur, die zwischen Papierseiten, Fenstern, Bahnhöfen, Schreibtischen, Bento-Boxen, Regenschirmen und kleinen Räumen ihre Gedanken ordnet. Die Kleine Reisende muss die Kernhandlung des Bildes ausführen; sie darf nicht nur dekorativ danebenstehen.

Referenzen zuerst lesen

Je nach Aufgabe die benötigten Referenzen lesen, nicht den gesamten Kontext auf einmal laden:

  • references/style-dna.md: Stil-DNA, Farben, Text, Tabus.
  • references/character-ip.md: Aussehen, Persönlichkeit, Bewegungsrepertoire und Tabus der Kleinen Reisenden.
  • references/composition-patterns.md: Strukturtypen, japanische Alltagsmetaphern und Anti-Klischee-Regeln.
  • references/prompt-template.md: Vorlage für Bildgenerierungs-Prompts.
  • references/qa-checklist.md: Prüf- und Iterationsregeln nach der Generierung.
  • assets/examples/: Nur für seltene visuelle Kalibrierung, nicht als Standardgenerierungspfad. Verwenden Sie keine Kompositionen, Gegenstände oder Beschriftungen aus den Beispielen.

Workflow

1. Text verdauen

Zunächst den vom Benutzer bereitgestellten Text, Link, die Markdown-Datei, den Screenshot oder das Dokument lesen. Extrahieren:

  • Was ist die Kernaussage?
  • Welche Absätze enthalten kognitive Wendepunkte?
  • Welche Inhalte eignen sich für sanfte Alltagsmetaphern?
  • Welche Stellen nur Text benötigen und keine Illustration?

Nicht gleichmäßig illustrieren. Bevorzugt „kognitive Anker“ auswählen, z. B.: Zustandsänderungen vorher/nachher, Druck und Erholung, Input-Output-Kreisläufe, Sortieren und Klassifizieren, Entscheidungsgabelungen, Warten und Umsteigen, Grenzschutz, Lernpfade, Pflegeabläufe, häufige Missverständnisse.

2. Zuerst die Illustrationsstrategie ausgeben

Wenn der Benutzer nur sagt „Analysiere, wie illustriert werden soll / denke darüber nach, wo Illustrationen nötig sind“, zuerst eine Shot-Liste ausgeben. Für jedes Bild klar angeben:

  • Nach welchem Absatz es platziert wird
  • Thema des Bildes
  • Kernaussage
  • Strukturtyp
  • Was die Kleine Reisende im Bild tut
  • Vorgeschlagene Elemente
  • Vorgeschlagene chinesische Notizwörter

Standardmäßig 4–8 Bilder. Bei sehr kurzen Artikeln 1–3; bei langen Artikeln nicht leicht über 9 hinausgehen. Genug reicht – vermeiden Sie, den Text in ein Bilderbuch zu verwandeln.

3. Einzelbildgenerierung

Wenn der Benutzer explizit „generiere / gib aus / mach ein Bild / hilf mir zu generieren“ sagt, nicht auf Bestätigung warten; mit dem integrierten image_gen jedes Bild einzeln generieren. Nicht mehrere Bilder in einem Bild zusammenfassen.

Jedes Bild sollte nur eine Kernstruktur vermitteln. Der Prompt muss enthalten:

  • 16:9 Querformat chinesische Redaktionsillustration
  • Reiner weißer oder sehr heller cremefarbener Hintergrund
  • Feine schwarze handgezeichnete Linien
  • Wenige niedrig gesättigte Aquarelltupfer
  • Wenige chinesische handschriftliche Notizen
  • Viel Weißraum
  • Kleine Reisende als Hauptakteur der Handlung
  • Verboten: Anime, Manga, Kinderbilderbücher, kommerzielle Poster, PPT-Infografiken, komplexe Hintergründe, Titel in der linken oberen Ecke wie „Prozessdiagramm/Systemarchitektur/FAQ/Roadmap“

Keine früheren Beispiele kopieren. Beispiele liefern nur Stildichte, Weißraum, Farbzurückhaltung und Art der Charakterbeteiligung – nicht die direkte Wiederverwendung alter Kompositionen. Jedes Mal für den aktuellen Artikel eine neue sanfte, alltägliche, aber stimmige Metapher erfinden.

4. Prüfen und Iterieren

Nach der Generierung die references/qa-checklist.md prüfen. Falls folgende Probleme auftreten, vorrangig neu generieren oder lokal bearbeiten:

  • Kleine Reisende ist nur Dekoration
  • Bild ist zu voll
  • Zu sehr wie Anime, Kinderbilderbuch, kommerzielle Illustration oder PPT
  • Zu viele chinesische Zeichen oder schwerwiegende Tippfehler
  • In der linken oberen Ecke erscheint ein Titel wie „Prozessdiagramm/Systemarchitektur/FAQ/Roadmap“
  • Hintergrund zu schmutzig, Papierstruktur zu stark, Farben zu gesättigt
  • Bild hat nur Atmosphäre, vermittelt aber die Kernaussage nicht klar

5. Speichern und ausliefern

Wenn der Benutzer innerhalb des Arbeitsbereichs arbeitet, die endgültigen Bilder kopieren nach:

assets/<article-slug>-illustrations/

In der Reihenfolge benennen:

01-topic-name.png
02-topic-name.png

Die ursprünglichen generierten Dateien behalten, keine vorhandenen Assets überschreiben, es sei denn, der Benutzer fordert explizit einen Austausch an.

Ausgabe

Die Strategieausgabe vor der Generierung sollte kurz und präzise sein. Die Auslieferung nach der Generierung sollte enthalten:

  • Wie viele Bilder generiert wurden
  • Zweck jedes Bildes
  • Speicherpfad
  • Welche Bilder am stabilsten sind, welche optional sind

Keine langen Erklärungen zur Stiltheorie; die Bilder sollen für sich selbst sprechen.

Verwandte Skills