CommunityBildgithub.com

aibex-aios/schautafel

Erstellt eine erklärende Übersichtsgrafik (Schautafel) aus einem oder mehreren Themen – mit Banner-Headline, Kacheln und Fußformel – in einem von zwölf Stilen und einer frei wählbaren Kachelmatrix.

Was ist schautafel?

Dieser Skill ermöglicht es, automatisch strukturierte Übersichtsgrafiken zu erstellen, die komplexe Inhalte visuell aufbereiten. Der Benutzer gibt Themen, einen Stil (z.B. neo, classic, sepia) und die Kachelanordnung vor. Der Skill plant die Tafel als Gliederung, generiert ein detailliertes Prompt-Memo, übergibt dieses an den Skill `image-generation` (Codex), der das Bild in `@Image/` ablegt und prüft. Der Skill unterstützt zwölf verschiedene Stile, anpassbare Kachelmatrizen (1-4 Zeilen, 1-4 Spalten, 2-12 Kacheln), Seitenverhältnisse und die Angabe einer Branche für zielgerichtete Bildsprache. Er ist für die AIOS-Plattform konzipiert, benötigt einen Projektordner mit `@/` und arbeitet eng mit dem image-generation-Skill zusammen. Abläufe, die nicht zum Bildgenerieren gedacht sind (z.B. reine Stilabfragen), werden ohne Tafel beantwortet. Die Kommunikation erfolgt auf Deutsch, die Interaktion ist klar strukturiert und vermeidet unnötige Rückfragen.

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

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

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht schautafel?

Der Skill plant mit dem Benutzer eine Schautafel und schreibt ein Prompt-Memo. Erzeugen, Ablegen, Prüfen und Comitten ü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 Benutzer nichts anderes sagt.

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

Ausnahme: Sagt der Benutzer „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 Benutzer 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 Benutzers.
  • Eine improvisierte Stilbeschreibung ändert stile.md nicht.

Verwandte Skills