Vom Demo-Videozum Launch.

Eine Content-Pipeline, die aus einem Feature-Demo-Video sieben launchfertige Assets macht — annotierte Screenshots, Geräte-Mockups, LinkedIn-Text, einen Newsletter-Abschnitt, Hilfeartikel in zwei Sprachen und einen erfassten Eintrag im Content-Hub des Teams — alles aus einer URL, in einem orchestrierten Lauf.

Claude Code SkillWhisper · Gemini · NotionMehrsprachiger Sync
claude · feature-launch
+
+

Der Launch-Tag sollte kein Design-Tag sein

Ein neues Feature geht live. Dann macht jemand Screenshots, räumt sie auf, setzt sie in ein Handy-Mockup, schreibt den Post im Ton der letzten zwölf, kopiert ihn in den Newsletter, aktualisiert das Help-Center in zwei Sprachen und sagt im Launch-Channel Bescheid. Ein halber Tag sorgfältig langweiliger Arbeit — jedes Mal nach demselben Muster.

7
Ergebnisse pro Video
2
Automatisch synchronisierte Sprachen
4
Kanäle zum Veröffentlichen
1
Nötige Eingaben

Aufnehmen.Annotieren. Veröffentlichen.

Sechs Schritte. Ein Auslöser. Jedes Asset kommt getaggt, nachverfolgbar und mit dem Quellvideo verknüpft heraus.

01

Aufnehmen

Ein Demo-Video landet in S3. Der Skill startet von Hand, über Slack oder für unbeaufsichtigte Läufe über eine n8n-SSH-Brücke. Die einzige Pflichteingabe ist eine URL.

S3n8n-TriggerClaude Code Skill
Ergebnis: Video heruntergeladen und für den Lauf lokal zwischengespeichert
02

Transkribieren

whisper-timestamped transkribiert Wort für Wort, damit die Frame-Extraktion genau die Momente trifft, in denen ein Feature genannt oder ein Button geklickt wird — nicht einfach alle 5 Sekunden.

whisper-timestampedOpenAI Whisper
Ergebnis: Transkript mit Zeitstempeln pro Wort als JSON
03

Annotieren

ffmpeg zieht Frames an den Anker-Zeitstempeln. Webcam-Overlays und Browser-Rahmen werden per deterministischer CV-Maskierung entfernt. Danach zeichnet Gemini Vision rote Pfeile um das relevante UI-Element.

ffmpegPIL-MaskierungGemini Vision
Ergebnis: Bereinigte, annotierte PNG-Screenshots fürs Marketing
04

Mockups bauen

Annotierte Screenshots werden mit PIL in MacBook- und iPhone-Vorlagen montiert — pixelgenau, ohne KI-Verzerrung. Ein von Gemini erzeugter Hintergrund vervollständigt das Hero-Bild.

PIL-GerätevorlagenGemini-Bildgenerierung
Ergebnis: Hero-Bild + Geräte-Mockups für jeden Kanal
05

Schreiben

Claude entwirft LinkedIn-Post und Newsletter-Abschnitt anhand des Styleguides des Teams und der letzten 20 veröffentlichten Posts — gleiche Stimme, gleiche Struktur, frischer Inhalt.

ClaudeStyleguide als Referenz
Ergebnis: LinkedIn-Post + Newsletter-Abschnitt, fertig zum Einfügen
06

Veröffentlichen

Im Notion Feature Hub entsteht ein Eintrag mit allen Assets. Der englische Help-Center-Artikel wird direkt aktualisiert; die deutsche Fassung läuft über ein YAML-Mapping der Seiten-IDs mit, neue Absätze sind zur Prüfung grün markiert. Slack und Discord bekommen Benachrichtigungen mit Vorschau.

Notion APIEN ↔ DE Seiten-MapSlack-/Discord-Webhooks
Ergebnis: Doku live in zwei Sprachen, Launch im Hub erfasst

Eine Eingabe, sieben Ergebnisse.

Alles nach dem Auslöser wird erzeugt, nicht zusammenkopiert. Du kannst alles bearbeiten — musst es aber selten.

demo.mp4EINE EINGABEAnnotierteScreenshotsGeräte-MockupsLinkedIn-PostNewsletter-AbschnittHilfeartikel(EN)Hilfeartikel(DE)Notion-Hub-Eintrag

KI, wo sie etwas bringt.Code, wo sie Schaden anrichten würde.

Gängige Bildgeneratoren zeichnen UI-Screenshots gern neu und machen aus Buttons still und leise Glyphen. Diese Pipeline hält KI aus pixelgenauer Arbeit heraus und setzt sie dort ein, wo ihr Urteilsvermögen das eigentliche Feature ist.

Schritt
Ansatz
Warum
Audio-Transkription
CODEwhisper-timestamped
Zeitstempel pro Wort müssen exakt sein, damit die Screenshots sitzen.
Frame-Extraktion
CODEffmpeg
Frames müssen verlustfrei und günstig sein.
Webcam und Browser-Rahmen entfernen
CODECV-Maskierung
Vorhersehbare Grenzen, keine halluzinierten Pixel.
Annotationspfeile
KIGemini Vision
Muss „sehen“, was im Frame wichtig ist.
Geräte-Mockups montieren
CODEPIL-Vorlagen
Die UI muss pixelgenau bleiben — keine neu gezeichneten Buttons.
Hero-Hintergrund
KIGemini-Bildgenerierung
Ästhetik statt Information. Abweichungen sind okay.
LinkedIn- und Newsletter-Text
KIClaude
Stimme, Struktur, Kürze — Urteilsarbeit.
Help-Center-Artikel aktualisieren
KIClaude + Notion API
Markdown im passenden Ton, strukturierte Änderungen.
EN → DE Seiten-Sync
CODEYAML-Map der Seiten-IDs
Die Zuordnungen sind statisch; kein Lookup darf danebengehen.

Ein Skill, kein Service.

Kein Daemon, keine Queue, keine Orchestrierungsoberfläche. Die ganze Pipeline ist ein Claude Code Skill, der eine Handvoll MCP-Server und Python-Tools aufruft. Er läuft, wenn du ihn auslöst, beendet sich, wenn er fertig ist, und hinterlässt einen Prüfpfad in Git.

01
S3-Videoablage
Quelle
02
Whisper-Zeitstempel
Transkribieren
03
ffmpeg + Gemini
Annotieren
04
PIL-Compositor
Mockups bauen
05
Claude-Texte
Schreiben
06
Notion + Webhooks
Veröffentlichen

Launches ohneBauchschmerzen?

Erzähl uns, was du auslieferst, und wir skizzieren die Pipeline, die es veröffentlicht — annotiert, als Mockup, übersetzt, gepostet, nachverfolgt.