CommunityImagegithub.com

aibex-aios/schautafel

Erstellt eine Schautafel: eine erklärende Übersichtsgrafik zu einem oder mehreren Themen mit Banner-Headline, Kacheln und Fußformel, in einem von zwölf Stilen (neo, classic, sepia, atlas, photo, sketch, toy, coach, glass, origami, lotus, messing) und frei wählbarer Kachelmatrix. Plant die Tafel als Gliederung, schreibt ein Prompt-Memo und lässt das Bild über den Skill image-generation von Codex erzeugen, in @Image/ ablegen und prüfen. Verwenden bei „Mach eine Schautafel zu …", „Schautafel zu …",

What is schautafel?

schautafel is a Claude Code agent skill that erstellt eine Schautafel: eine erklärende Übersichtsgrafik zu einem oder mehreren Themen mit Banner-Headline, Kacheln und Fußformel, in einem von zwölf Stilen (neo, classic, sepia, atlas, photo, sketch, toy, coach, glass, origami, lotus, messing) und frei wählbarer Kachelmatrix. Plant die Tafel als Gliederung, schreibt ein Prompt-Memo und lässt das Bild über den Skill image-generation von Codex erzeugen, in @Image/ ablegen und prüfen. Verwenden bei „Mach eine Schautafel zu …", „Schautafel zu …",.

Works with✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/aibex-aios/skill-schautafel/tree/HEAD/skills/schautafel

Installed? Explore more Image skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

What does schautafel do?

Der Skill plant mit dem User eine Schautafel und schreibt ein Prompt-Memo. Erzeugen, Ablegen, Prüfen und Committen übernimmt der Skill image-generation.

Begriffe

  • Projekt <P>: der Arbeitsordner der Session, wenn er einen Unterordner @/ hat.
  • Skill-Ordner: der Ordner dieses Skills („Base directory for this skill"). Darin liegen stile.md (Katalog) und stile/<stil>.jpg (Stilvorlagen).
  • image-generation-Ordner: <Skill-Ordner>/../image-generation; darin prompt-memo.md (Format des Prompt-Memos) und scripts/image_generation.py.
  • Kachel: ein Themenblock der Tafel; Feld, Zelle und Element bedeuten dasselbe.
  • Kachelmatrix: Anordnung der Kacheln, gelesen als Zeilen × Spalten.
  • Karten / Stationen: wie Kacheln im Bild erscheinen, je Stil in stile.md (Spalte Kacheln).

Lies stile.md, sobald du einen Stil brauchst (Stilabfrage, Selbstwahl, Prompt).

1. Eingabe bestimmen

Stilabfrage („Welche Stile werden unterstützt?", „Welche Stile gibt es?", „Stilliste"): Antworte nur mit der Liste aus stile.md, Übersicht, eine Zeile je Stil in der Form „<stil> — ", in der Reihenfolge der Tabelle. Keine Tafel, kein Prompt, keine weitere Erklärung. Ende.

Fehlt <P>/@/: nichts anlegen. Melde: „Schautafeln entstehen in einem AIOS-Projekt (Ordner mit @/), weil Prompt-Memo und Bild in @Prompt/ und @Image/ liegen. Soll ich diesen Ordner mit /aios-init initialisieren?" Ende.

Sonst lies aus der Anfrage (alles außer den Themen ist optional):

EingabeErkennenohne Angabe
Themenalles, was nicht zu einer anderen Eingabe gehört—
Stilstyle=<stil>, „im -Stil", „als -Tafel", „in "; Groß- und Kleinschreibung egalSelbstwahl
Kachelmatrixsiehe untenSelbstwahl
Format„16:9", „3:2", „hoch", „quadratisch"Format des Stils (stile.md)
direkt„direkt", „sofort"Gliederung zur Bestätigung
von Hand„von Hand", „ohne Codex"Codex

Kachelmatrix

AngabeAnordnung
„2x3 Kacheln", „2 × 3 Felder"2 Zeilen mit je 3 Kacheln
„3x1 Kacheln"3 Zeilen mit je 1 Kachel
„3 Spalten"1 Zeile mit 3 Kacheln (1×3)
„2 Zeilen"2 Zeilen mit je 1 Kachel (2×1)
„2 Zeilen, 3 Spalten"2×3
„1. Zeile: 3 Felder, 2. Zeile: 2 Felder"Zeile 1 mit 3, Zeile 2 mit 2 Kacheln
„5 Kacheln" (nur eine Zahl)Anzahl fest, Anordnung durch Selbstwahl

Erlaubt sind 1–4 Zeilen, 1–4 Kacheln je Zeile, zusammen 2–12 Kacheln. Liegt eine Angabe außerhalb, nenne die Grenze und schlage in der Gliederung die nächste erlaubte Anordnung vor.

Selbstwahl

  • Stil: der Stil, dessen Spalte Passt zu in stile.md am besten zu Thema, Branche und Zweck passt; ohne klaren Treffer neo.
  • Kachelmatrix: je Themenblock eine Kachel; 2–4 gleichrangige Blöcke in einer Zeile; 5–8 Blöcke in zwei Zeilen; eine Abfolge (Schritte, Stufen) in Leserichtung oder, bei Stationen, als Weg von Station zu Station.
  • Zeige jede Wahl in der Gliederung mit einem Satz Begründung.

Unbekannter Stil

Steht ein genannter Stil nicht in stile.md:

  1. Sag: „Den Stil „" kenne ich nicht."
  2. Wähle einen Katalogstil (Selbstwahl).
  3. Frage mit den Antworten OK und Abbruch (Auswahlwerkzeug, sonst als Frage): „Ich kann den Stil „" improvisieren. Soll ich?"
    • OK: Beschreibe den Stil aus seinem Namen nach dem Muster von stile.md (Beschreibung, Stichworte, Vermeide, Format, Kacheln), ohne Stilvorlage. Die Beschreibung gilt nur für diesen Aufruf.
    • Abbruch: Es gilt der selbst gewählte Katalogstil.

2. Branche

Hat das Thema einen Kundenbezug, leite aus dem Kontext eine Branche ab und frage einmal: „Ich ordne das der Branche zu — passt das, oder soll ich eine andere verwenden?" Geht die Branche eindeutig aus dem Kontext hervor, nenne sie nur. Bei allgemeinen Wissensthemen ohne Kundenbezug: keine Branche, keine Frage. Die Branche bestimmt die Bildsprache: branchentypische Gegenstände und Szenen statt allgemeiner Technik- oder Roboterbilder.

3. Gliederung

Zeige die Gliederung:

**Headline:** <Banner-Headline>
**Untertitel:** <optional>
**Stil:** `<stil>` — <Begründung bei Selbstwahl>
**Anordnung:** <Zeilen und Kacheln> — <Begründung bei Selbstwahl>
**Format:** <Seitenverhältnis>
**Branche:** <Branche oder „—">

| Kachel | Titel | Leitfrage | Kernpunkte |
|---|---|---|---|
| Z1/1 | … | … | … |

**Fußformel:** WORT — WORT — WORT
  • Jede Kachel: kurzer Titel, Leitfrage in einem Satz, 2–5 Kernpunkte.
  • Banner-Headline und Fußformel (drei Wörter in Großbuchstaben) stehen auf jeder Tafel. Eine Zeitleiste ist Inhalt einer Kachel, kein fester Teil.
  • Texte auf Deutsch, wenn der User nichts anderes sagt.

Frage: „Passt die Gliederung?" Arbeite Änderungen ein und zeige die Gliederung neu. Ohne Bestätigung kein Prompt-Memo.

Ausnahme: Sagt der User „direkt" und nennt er Stil und Kachelmatrix, zeige die Gliederung und gehe ohne Frage weiter.

4. Prompt-Memo

Nummer NN:

python3 <image-generation-Ordner>/scripts/image_generation.py next-number "<P>"

Fehlt das Skript, gilt dieselbe Regel von Hand: höchste Nummer in @Prompt/ und @Image/ zusammen plus 1, zweistellig mit führender Null.

Lies <image-generation-Ordner>/prompt-memo.md und schreibe <P>/@Prompt/NN <Headline> — Schautafel <stil>.md in diesem Format (@Prompt/ anlegen, falls es fehlt):

AbschnittInhalt
Kopf**Betrifft:** Schautafel; **Quelle:** Anfrage und bestätigte Gliederung; **Verwandt:** Stilvorlage mit absolutem Pfad
ZweckThema und Aussage der Tafel in zwei, drei Sätzen
Bildideeje Kachel eine Zeile: Teil (Kachel), Gestalt (bei Karten: Karte mit Bild und Text; bei Stationen: Gegenstand oder Ort im Bild), Bedeutung (Leitfrage); dazu Banner und Fußformel
VorgabenStil, Stilvorlage, Anordnung, Format mit Pixelgröße (16:9 → 1672 × 941, 3:2 → 1536 × 1024), Texte wörtlich, „nicht im Bild", Datei @Image/NN <Headline>.png
Prompt für ChatGPTzuerst „Anhängen: Stilvorlage <Skill-Ordner>/stile/<stil>.jpg" (absoluter Pfad; entfällt bei improvisiertem Stil), dann der Prompt als Code-Block
Nach der ErstellungPrüfen, Ablage, Alt-Text, Nachbessern

Prompt (deutsch, in dieser Reihenfolge):

  1. „Erstelle eine erklärende Schautafel im Format ."
  2. Die Beschreibung des Stils aus stile.md, dazu „Stil-Stichworte: ".
  3. „Die angehängte Stilvorlage gibt nur Stil, Material und Figuren vor, nicht Aufbau und Texte." (entfällt bei improvisiertem Stil)
  4. Aufbau: Banner oben mit Headline (und Untertitel); darunter die Kacheln Zeile für Zeile in der Anordnung, je Kachel Titel, kurze Kernpunkte und ein passendes Bildelement; bei Stationen: wie jede Kachel als Station erscheint und wie die Stationen verbunden sind (Sonderregeln in stile.md); unten die Fußformel. Mit Branche: „Verwende Gegenstände und Szenen aus der Branche , keine allgemeinen Technik- oder Roboterbilder."
  5. Der Satz Vermeide des Stils, ergänzt um „keine unlesbaren oder falsch geschriebenen Wörter, kein überfülltes Layout".
  6. „Texte, genau so geschrieben und sonst keine:" mit allen Texten als Liste.

Nach der Erstellung:

  • Prüfen: Headline, Kacheltitel, Kernpunkte und Fußformel wörtlich; Zahl der Kacheln und Anordnung je Zeile; Merkmale des Stils; Format; keine zusätzlichen Texte.
  • Nachbessern: „Behalte Aufbau und Stil, aber kürze die Texte: nur Titel und Stichworte."

Das Prompt-Memo schreibst du ohne eigene Rückfrage; die bestätigte Gliederung ist der Auftrag.

5. Übergabe an image-generation

Rufe den Skill image-generation über das Skill-Werkzeug auf, mit „Erstelle ein Bild zu @Prompt/NN" und bei „von Hand" mit dem Zusatz „von Hand". Ab dort gilt der Ablauf von image-generation ab seinem Schritt 3: „Bild erzeugen?", Codex mit der Stilvorlage oder Übergabe von Hand, Ablage @Image/NN <Headline>.png, Prüfen, Zeigen, Befunde mit Folge-Prompt-Memo, Commit.

Claude Code fragt beim Aufruf über das Skill-Werkzeug nach; das ist erwartet. Lehnt der User ab, nenne den Weg als ganzen Prompt: „/image-generation Erstelle ein Bild zu @Prompt/NN".

Grenzen

  • Kein Bild ohne bestätigte Gliederung (außer „direkt" mit Stil und Kachelmatrix) und ohne das Ja von image-generation vor dem Erzeugen.
  • Schreibe nur das Prompt-Memo in @Prompt/; Bild, Prüfung und Commit übernimmt image-generation.
  • Keine FLUX- oder OpenArt-Kopierboxen, keine Negative-Prompts als Keyword-Liste.
  • Keine Logos, Marken oder Figuren bekannter Studios; keine realen Kunden ohne Wunsch des Users.
  • Eine improvisierte Stilbeschreibung ändert stile.md nicht.

Related Skills