Communitygithub.com

infofilm

Erstellen Sie einen narrativen Infografik-Erklärfilm (5–15 Minuten) zu einem realen Thema im Stil einer 1950er-Jahre-Instruktionskarten-Wochenschau mit pantomimischem Maskottchen, übereifrigem Erzähler, gesungenen Werbeunterbrechungen und codegezeichneten Infografiken, die auf das gesprochene Wort abgestimmt sind.

Was ist infofilm?

Der Skill 'infofilm' ermöglicht es KI-Agenten, professionelle Erklärfilme im Stil einer 1950er-Jahre-Wochenschau zu erstellen. Der gesamte Produktionsprozess ist in einer Pipeline organisiert: von der Recherche und dem faktengeprüften Drehbuch über die Sprachsynthese mit ElevenLabs (inkl. zeichengenauer Zeitstempel) und die Musikgenerierung mit Suno (Themen, Hintergrundmusik und Jingles) bis hin zu KI-Illustrationen mit Gemini und der finalen Szenerstellung mit Remotion. Der Film wird als −14 LUFS Master mit SRT-Untertiteln ausgegeben. Der Skill ist ideal für Entwickler und KI-Agenten-Nutzer, die schnell und zuverlässig erklärende Videos zu komplexen Themen erstellen möchten – etwa zu Funktionsweise von Systemen, historischen Ereignissen oder aktuellen Entwicklungen. Durch die strikte Trennung von Fakten (codegezeichnete Daten) und visuellen Elementen (KI-Bilder ohne Text) wird maximale Genauigkeit gewährleistet. Der Skill unterstützt eine schrittweise Validierung: Vor jeder kostenpflichtigen Aktion (Sprache, Bilder, Musik) wird eine Kostenschätzung ausgegeben und eine Bestätigung eingeholt. Die Vorlage liegt als vollständiges, funktionierendes Demoprojekt vor, das Stück für Stück ersetzt werden kann.

Funktioniert mit✓Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/fltman/infofilm/tree/HEAD/skills/infofilm

In Ihrer bevorzugten KI fragen

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

Dokumentation

infofilm: Infografik-Erklärfilme

Ein mit diesem Skill erstellter Film besteht aus einem Stapel Instruktionskarten, die auf einem marineblauen Tisch ausgelegt werden. Jede Karte hat einen Titelbalken, ein Bildfenster und einen Bildunterschriftenbalken. Eine KI-Illustration läuft im Fenster, und codegezeichnete Infografiken erscheinen darauf genau bei dem Wort, das sie nennt. Ein Nachrichtensprecher trägt die Bedeutung vor, und ein Maskottchen spielt sie pantomimisch nach, ohne jemals zu sprechen. Gesungene Werbeunterbrechungen und eine abschließende Ballade geben dem Film seinen Rhythmus.

Jede Zahl, jeder Titel und jedes Label wird in Code aus einer Faktenbasis gezeichnet. Bilder enthalten nie Text.

Die Vorlage in template/ ist ein vollständiger, funktionierender Film: eine einminütige Demo über Schaltjahre. Richten Sie sie ein und ersetzen Sie dann die Demo Stück für Stück durch Ihren Film. Der Film wird bei jedem Schritt gerendert: Szenen ohne Komponente zeigen ihre Karte, und Szenen ohne Erzählung erhalten eine geschätzte Zeitangabe. So können Sie immer das Ganze betrachten, bevor Sie Geld ausgeben.

Ständige Regeln (sie überschreiben Bequemlichkeit)

  1. Geld: erst fragen. ElevenLabs, Bildgenerierung und Suno-Downloads kosten echtes Geld oder Kontingent. Geben Sie vor jedem kostenpflichtigen Durchgang an, um was es sich handelt, wie viele Elemente und die geschätzten Kosten; --dry-run gibt sie aus. Warten Sie auf ein Ja. Ein Ja gilt nur für diesen Durchgang, es sei denn, der Benutzer hat eine allgemeine Genehmigung erteilt („Sie haben grünes Licht für Bilder, Stimme und Musik"). Protokollieren Sie jede Genehmigung und Kosten in notes/log.md.
  2. Nie eine Tatsache raten.
    • Jede Behauptung und Zahl stammt aus notes/research.md, das Primärquellen zitiert. Jede Bildschirmzahl stammt aus video/src/data.ts, das den Forschungsabschnitt zitiert.
    • Aktuelle Ereignisse müssen anhand von Primärquellen überprüft werden. Wenn etwas nicht überprüft werden kann, bleibt es aus dem Film, oder die Szene wartet; siehe „Szenen, die warten" in references/script.md.
  3. Text und Zahlen werden in Code gezeichnet, niemals vom Bildmodell. Bildaufforderungen verbieten Text, und jedes Bild wird trotzdem überprüft.
  4. Der Benutzer hört zu, Whisper nicht. Transkribieren Sie niemals generierte Sprache, um sie zu überprüfen; Whisper hört mehr Fehler, als vorhanden sind. Geben Sie dem Benutzer stattdessen eine Hörseite.
  5. Unparteiische Satire. Die Ironie zielt auf das System, die Maschine und das Spektakel, niemals auf eine Partei, Gruppe oder Person. Behandeln Sie Seiten in Größe, Farblogik und Animation identisch. Keine echten Personen oder Logos in Bildern.
  6. Diakritika überall korrekt (å ä ö é ü …), auch in Aufforderungen an Unteragenten. Weisen Sie jeden Unteragenten explizit darauf hin.
  7. Lesen Sie die Worte des Benutzers wörtlich. „Dystopisch", „Retro" oder „Fallout-ähnlich" sind Stimmungen, keine Requisitenlisten. Wenn ein Stilwort mehrere Bedeutungen haben kann, zeigen Sie Vorschläge und bestätigen Sie, bevor Sie darauf aufbauen (siehe references/style.md).

Die Pipeline

Arbeiten Sie diese Phasen in der Reihenfolge durch. Die ⛔-Schritte sind Tore: Halten Sie an und holen Sie die Entscheidung des Benutzers ein, bevor Sie fortfahren.

0 · Kick-off

  • Bestätigen Sie das Thema, die Zielgruppe, die Sprache, die Länge (Standard etwa 12 Minuten) und den Zweck. Überprüfen Sie ELEVENLABS_API_KEY und OPENROUTER_API_KEY in der Umgebung, Chrome mit der claude-in-chrome-Erweiterung und einen Suno-Login sowie node, pnpm/npm, ffmpeg und python3 mit numpy und elevenlabs.
  • Gerüst erstellen:
    <skill>/scripts/new_film.sh <verzeichnis> --slug mein-film --title "Mein Film" --lang sv --locale sv-SE
    
    Dies kopiert die Vorlage, installiert Remotion, synthetisiert die Soundeffekte, erstellt eine erste Timeline und führt Typprüfungen durch.
  • Halten Sie Entscheidungen in notes/log.md fest, mit Datum und Entscheider.
  • Renderprozesse benötigen Speicherplatz. Überprüfen Sie df -h und legen Sie OUTDIR auf einer großen Festplatte fest, wenn die Systemfestplatte weniger als etwa 20 GB frei hat.

1 · Recherche → notes/research.md

  • Schreiben Sie nummerierte Abschnitte (## 2.3 · Der Schwellenwert), eine Tatsache oder ein Cluster pro Abschnitt, jeder mit seiner Primärquelle: Gesetzgebung, offizielle Statistiken, die eigenen Seiten der Behörde.
  • Markieren Sie alles Unsichere. Für ein aktuelles Ereignis notieren Sie das Datum, für das die Fakten gültig sind.
  • Siehe references/script.md.

2 · Look und Besetzung ⛔

  • Verwenden Sie den Hausstil (Cremefarben, Marineblau und Goldtinte; 1957er Retro-Futurismus; Bowlby One SC + Jost + Lobster) oder schlagen Sie Alternativen vor. Rendern Sie dieselbe kleine Infografik in 3–7 Stilen, damit der Benutzer Ähnliches vergleichen kann.
  • Besetzen Sie das Maskottchen: einen stillen Jedermann mit einer signature gesture (das Hausmaskottchen lüftet seinen Hut). Vermeiden Sie Gesten, die zu berühmten Maskottchen gehören, wie ein Zwinkern mit einem Daumen hoch.
  • Generieren Sie zuerst das Referenzporträt (kind: "ref"), dann ein Modellblatt, und lassen Sie es genehmigen, bevor ein Szenenbild erstellt wird.
  • ⛔ Der Benutzer wählt Stil, Maskottchen, Geste und Schriftarten. Details: references/style.md und references/images.md.

3 · Drehbuch → script/script.md ⛔

  • Struktur: ein Eröffnungsthema, 2–4 Teile, eine Werbeunterbrechung zwischen den Teilen und eine abschließende Ballade. Jede Szene ist eine Karte von 15–40 s.
  • Das Wortbudget ist Minuten × etwa 127 Wörter pro Minute für einen Nachrichtensprecher.
  • Schreiben Sie Zahlen im Drehbuch aus; die Karten zeigen die genauen Ziffern.
  • Vermeiden Sie datumsgebundene Wörter wie „am Montag". Der Film überlebt die Woche.
  • Prüfung, bevor jemand bezahlt. Lassen Sie einen unabhängigen Unteragenten das Drehbuch und die Recherche anhand von Primärquellen überprüfen und seine Ergebnisse in MUSS, SOLLTE und KANN sortieren. Korrigieren Sie alles, was mit MUSS bewertet wurde. Überprüfungen haben Fehler in der Recherche selbst aufgedeckt.
  • ⛔ Der Benutzer genehmigt das Drehbuch. Format und Handwerk: references/script.md.

4 · Sprecher ⛔

  1. Entwerfen Sie 3 Aufnahmen mit voice/design_voice.py preview <tag> (vorher fragen) und lassen Sie den Benutzer eine auswählen. Speichern Sie sie mit create.
  2. Führen Sie eine Testlesung von 2 repräsentativen Szenen durch und lassen Sie den Benutzer Tempo und Aussprache genehmigen.
  3. Alles einlesen: python3 voice/narrate.py --dry-run, dann fragen, dann ausführen.

Bearbeiten Sie später eine Szene, und nur diese Szene wird erneut abgerechnet. Details und Fallstricke: references/voice.md.

5 · Musik (Suno, offizielles Web-UI, über Chrome)

Sie benötigen diese Cues:

  • ein Eröffnungs-Theme von etwa 20 s, das im Sprachmodus als todernste enge Harmoniestimme brillant funktioniert
  • ein instrumentaler Hintergrund pro Teil, geloopt und unter die Stimme geduckt
  • ein gesungener Jingle für jede Werbeunterbrechung
  • eine abschließende Ballade, typischerweise ein Cover des Themas.

Aufforderung für amerikanische Idiome der 1950er Jahre; Genre-Wörter wie „Schlager" ziehen die Musik woanders hin. Der Benutzer mag Aufnahmen in Suno, es sei denn, er hat Ihnen die Wahl überlassen. Laden Sie WAV über das eigene Menü von Suno herunter, holen Sie die ausgerichteten Liedtexte für die Schnittpunkte und schreiben Sie music/cuts.json und video/src/lyrics.ts. Details: references/music.md.

6 · Illustrationen

  • Ein 21:9 2K-Bild pro Szene, film-Sxx in art/shots.json, gezeichnet aus der Maskottchen-Referenz. Kosten: python3 art/gen.py --dry-run, dann fragen.
  • Überprüfen Sie jedes Bild auf Text, doppelte Requisiten, zusätzliche Gliedmaßen und die falsche Kleidung und generieren Sie die schlechten neu.
  • Führen Sie python3 tools/sync_art.py und dann python3 tools/build_timeline.py aus. Details: references/images.md.

7 · Szenen (Remotion)

  • Bauen Sie zwei goldene Szenen selbst: die Szenen, die die zentralen Infografiken des Films tragen. Bringen Sie sie auf das erforderliche Niveau und registrieren Sie sie in golden.ts, indem Sie die TheYear/TheRule der Demo ersetzen.
  • Verteilen Sie dann auf 2–3 parallele Builder-Unteragenten mit video/CONTRACT.md (füllen Sie die {{…}}-Zeilen aus). Jeder Builder hat ein eigenes Gruppenregister und verifiziert mit Kontaktblättern.
  • Builder können beginnen, bevor die Erzählung existiert, da Cues den geschätzten Wörtern folgen und dann automatisch zu den echten wechseln. Wenn sich das Drehbuch während ihrer Arbeit ändert (eine Überprüfung landet), senden Sie jedem Builder die genauen Änderungen für seine Szenen mit SendMessage.
  • Überprüfen Sie jedes Szenenblatt selbst.
  • Details: references/scenes.md.

8 · Rendern und ausliefern

  • Führen Sie tools/render.sh aus. Es baut die Timeline neu, lint die Cues, typprüft, rendert, wendet einen Zwei-Durchlauf-Loudnorm auf −14 LUFS / −1 dBTP an und schreibt die SRT.
  • Überprüfen Sie die Lautstärke pro Segment und stichprobenartig Frames aus der mp4, dann öffnen Sie den Film für den Benutzer.
  • Details: references/render.md.

9 · Überarbeitungen

  • Geänderter Text: Nur diese Szene neu erzählen, dann die Timeline neu aufbauen. Cues folgen den Wörtern automatisch.
  • Geändertes Bild: Bild neu generieren, synchronisieren, neu aufbauen.
  • Geänderte Musik: cuts.json bearbeiten.

Visuelle Korrekturen kosten nichts außer einem erneuten Rendern; nur neue Erzählung, Bilder oder Downloads kosten Geld.

Karte der Vorlage

PfadWas
film.jsonTitel, Slug, Sprache, Gebietsschema, Teil-Überschriften und -Hintergründe, Szenen-Ein-/Ausgangsmusik, TTS-Modell, outDir
script/script.mdDas Manuskript: ## Sxx · name, <!-- title: -->, <!-- facts: -->, > visual:, Erzählung
notes/research.md, notes/log.mdDie Faktenbasis; Entscheidungen und Kosten
voice/design.json + design_voice.py (Stimmdesign), narrate.py (Erzählung + Zeitstempel), listen.py (Hörseite), voice.json
music/suno/*.wav, cuts.json, tools/beats.py (Tempo), tools/suno_lines.py (ausgerichtete Liedtexte → Zeilen)
art/style.json (der Look, die nie zu listen), shots.json, gen.py, img/
tools/build_timeline.py, cues.py, lint_cues.py, make_srt.py, sync_art.py, art_sheet.py, unframe.py, make_sfx.py, render.sh
video/src/theme.ts, fonts.ts, timing.tsx (useScene, cue), data.ts, lyrics.ts, Music.tsx, primitives/ (Card, Bits, Film, Jingle, Hemicycle), scenes/
video/tools/stills.mjs (Kontaktblatt ausgewählter Frames), review.mjs (N Frames pro Szene, viele Szenen)

Bekannte Fallstricke mit ihren Lösungen: references/pitfalls.md.

Verwandte Skills