Zur Nutzungsanleitung springen
Lower Thirdsvon iart-ai

Lower Thirds Skill.

Rendere transparente animierte Namensbalken und Broadcast-Einblendungen.

  • Bauchbinden
  • Typografie
Quellprüfung · lower-thirdsSKILL.md
Aufgabe Rendere transparente animierte Namensbalken und Broadcast-Einblendungen. Ergebnisse Transparente WebM- oder ProRes-4444-Einblendungen für das gewünschte Ziel. Vor dem Start Liefere exakte Namen und Rollen, Sendungsschriften und Zielplayer. Wähle das Ausgabeformat vor dem Rendering: Eine transparente Einblendung für OBS oder Schnittsoftware hat andere Anforderungen als gewöhnliches MP4.
Redaktionelle Zusammenfassung · Quelle geprüft am 2026-11-02 · kein generiertes Beispiel

01 Funktionen

Rendere transparente animierte Namensbalken und Broadcast-Einblendungen

Erstelle lesbare Namensbalken mit transparentem WebM- oder ProRes-Export, editierbaren Kartendaten und Prüfungen für Textpassung, Timing und Alpha.

Quellenbasierter WorkflowKein Ausführungs-Benchmark

Die Arbeitsweise

lower-thirds erstellt animierte Namensbalken und weitere Einblendungen als Videodateien mit Transparenz. Die Grafik wird Bild für Bild auf ein Canvas gezeichnet und anschließend in ein Format für Livestream, Browser oder Schnittsoftware exportiert. Alles außerhalb der gezeichneten Grafik bleibt transparent.

Der Workflow widmet der Lesehaltephase ebenso viel Aufmerksamkeit wie dem Eingang. Text erhält einen eigenen Hintergrund, damit er auf unbekanntem Material lesbar bleibt; lange Namen werden in ihre Felder eingepasst und erstes sowie letztes Bild bleiben leer. Mehrere Karten teilen ein Design, werden aber in getrennte Dateien gerendert.

Erwartete Ergebnisse

  • Transparente WebM- oder ProRes-4444-Einblendungen für das gewünschte Ziel.
  • Eine editierbare HTML-Quelldatei mit Kartendaten und Timing.
  • Haltebild-Vorschauen und Kontaktbögen für Ein- und Ausgang.
Beispiel-Briefing ansehen

Vom Briefing zur Prüfung

  1. 01
    Exakte Kartentexte lesen

    Erhalte Namen, Rollen und Satzzeichen. Bestimme das Ziel, damit das Exportformat vor dem Rendering feststeht.

  2. 02
    Die Einblendung gestalten

    Halte die Bildmitte frei, platziere die Grafik innerhalb sicherer Ränder und gib Text einen Hintergrund. Passe den längsten Eintrag ein und halte die Lesephase still.

  3. 03
    Ausgabe prüfen und decodieren

    Führe die mitgelieferten Prüfungen aus, betrachte Vorschauen auf hellen und dunklen Hintergründen und prüfe Ein- und Ausgangsbögen. Bestätige Transparenz in der codierten Datei.

02 Einsatzbereiche

Wann einsetzen?

Liefere exakte Namen und Rollen, Sendungsschriften und Zielplayer. Wähle das Ausgabeformat vor dem Rendering: Eine transparente Einblendung für OBS oder Schnittsoftware hat andere Anforderungen als gewöhnliches MP4.

Gut geeignet

  • Namen über Live-Material legenDas Design wird auf unterschiedlichen Hintergründen bewertet, da die spätere Aufnahme unbekannt ist.
  • Mehrere Sprecher teilen einen StilKartendatensätze ermöglichen separates Rendering je Person mit identischem Layout und gleicher Bewegung.

Zu prüfende Grenzen

  • H.264 braucht einen festen HintergrundDer Renderer nutzt Alpha-fähige Formate für Transparenz und verlangt für gewöhnliches MP4 eine Hintergrundfarbe.
  • Lokale Renderer-AbhängigkeitenDie Quelle nennt Node, Browser-Aufnahmewerkzeuge, Chrome oder Chromium sowie FFmpeg.
  • Web-Wiedergabe ist zielabhängigDie Quelle behandelt Safari separat; eine transparente Datei ist keine pauschale Browserkompatibilitätsgarantie.

Diese Eingaben mitbringen

  • Exakter TextLiefere jeden Namen, jede Rolle oder Beschriftung genau wie gewünscht.
  • ZielGib OBS, Browser, Schnittsoftware oder einen Chroma-Key-Workflow an.
  • SendungsdesignStelle Farben, Schriften, Stimmung, Bildgröße und Daueranforderungen bereit.

03 Wichtige Entscheidungen

Wichtige Entscheidungen

  1. Auf Filmmaterial lesbar

    Eine Hintergrundfläche verhindert, dass heller Text auf einer hellen Aufnahme verschwindet.

  2. Saubere Schnittgrenzen

    Leere Start- und Endbilder verhindern abruptes Erscheinen oder Verschwinden.

  3. Verifiziertes Alpha

    Die Quelle decodiert ein Haltebild, statt allein der Dateiendung zu vertrauen.

04 Beispielbriefing

Ein konkretes Briefing ausprobieren

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

Quelle und Einrichtung prüfen

Liefere jeden Namen, jede Rolle oder Beschriftung genau wie gewünscht.

Upstream-Quelldatei
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md

Der folgende Verweis öffnet die Originalanleitung. Prüfe vor der Nutzung die Einrichtung des Repositorys; dies ist kein Installationsbefehl.

Mit einem Ergebnis beginnen

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

Beispiel-Briefing
Erstelle mit lower-thirds passende Einblendungen für drei Podcastgäste mit Namen und Rollen aus meiner angehängten Liste. Nutze Dunkelgrün und Creme, platziere die Grafiken unten links und halte die Mitte für die sprechende Person frei. Liefere transparente WebM-Dateien für OBS plus editierbares HTML. Halte jeden Namen während einer fünfsekündigen Lesephase still; erstes und letztes Bild bleiben leer. Prüfe den längsten Namen, die Einblendung auf hellen und dunklen Hintergründen und beide Ein- und Ausgangssequenzen vor dem Rendering aller Karten.

Ergebnis prüfen

Prüfen Sie die tatsächliche Ausgabe anhand dieser beobachtbaren Kriterien.

  • Lies jede Karte auf hellen und dunklen Filmmaterial-Vorschauen.
  • Prüfe leere Enden, sichere Ränder und den längsten Texteintrag.
  • Decodiere das exportierte Haltebild, um echte Transparenz zu bestätigen.

OpenDesign bietet einen lokalen Design-Arbeitsbereich für Coding-Agenten. Dieser Eintrag bedeutet nicht, dass der Skill mitgeliefert wird 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, festgelegte Quellrevision. Verhalten und Anforderungen im Upstream können sich ändern.

Quellinhaber
iart-ai
Skill-Datei
SKILL.md
Lizenz
MIT
Geprüfter Stand
2026-11-02 · aa8ef7ed9fa5
Redaktionelle Quellenzusammenfassung
Rendere transparente animierte Namensbalken und Broadcast-Einblendungen.

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 ein transparentes MP4 bekommen?

Die Quelle nutzt WebM oder ProRes 4444 für Alpha. Ihr gewöhnlicher H.264-MP4-Weg benötigt einen festen Hintergrund, etwa Grün für Chroma Key.

Sind mehrere Namen gleichzeitig möglich?

Ja. Jeder Kartendateneintrag wird mit gemeinsamem Design in eine eigene Datei gerendert. Jeder Eintrag braucht trotzdem eine Textpassungsprüfung.

Reichen automatische Prüfungen aus?

Nein. Die Quelle sagt ausdrücklich, dass sie abgeschnittenen Wipe-Text oder Lesbarkeit nicht beurteilen können. Standbilder und Ein-/Ausgangsbögen müssen visuell geprüft werden.

OpenDesign

Briefing und Designarbeit an einem Ort.

Halten Sie Briefing, Quellmaterial und Designarbeit in einem lokalen Arbeitsbereich zusammen. Prüfen Sie die Einrichtung des Skills, bevor Sie ihn in Ihren Workflow aufnehmen.

Upstream-Quelldatei
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md