Communitygithub.com

Bewegtes Video mit Audio (Launch-Film-Stil)

Erstelle vollständig vertonte Bewegtgrafiken (MP4 mit Sound) im ruhigen, editorialen Stil von KI-Modell-Launch-Filmen – kinetische Serifenschriften, animierte Chat/UI-Demos, Benchmark-Balken, zählende Statistiken und Logo-Outros – mit KI-Sprachausgabe (edge-tts, inkl. Indonesisch), einem originellen synthetischen Musikbett, UI-Soundeffekten, automatischer Musik-Ducking und Loudness-Mastering, gerendert mit Remotion in 16:9 und 9:16. Nutze dieses Skill immer dann, wenn der Benutzer ein Launch-/Ankündigungs-/Promo-/Teaser-/Erklär-Video mit Audio, Erzählung, Voice-Over, „pakai suara

Was ist Bewegtes Video mit Audio (Launch-Film-Stil)?

Dieses Skill erstellt ein vollständig produziertes Video mit Audio aus einer kurzen Beschreibung: Es generiert Launch-Film-artige Visuals mit warmem Papierhintergrund, großen Serifen-Headlines, einem Terrakotta-Akzent, einer Chat-Demo, die sich selbst tippt, Benchmark-Balken, die den Gewinner anzeigen, und einem ruhigen Logo-Outro. Dazu gehört eine komplette Tonspur: ein optionaler Voice-Over (synthetisiert mit edge-tts, inklusive Indonesisch), eine originelle, lizenzfreie Musikuntermalung, die auf den Logo-Hit zuläuft, sowie UI-Soundeffekte wie Whooshes beim Schnitt, Ticker bei Wörtern/Balken und ein Chime beim Gewinnerbalken. Der gesamte Inhalt wird in einer einzigen Datei `src/storyboard.ts` definiert und mit Remotion gerendert, wobei die Audiospur automatisch gemixt (Musik duckt unter Erzählung) und auf -14 LUFS / -1,5 dBTP normalisiert wird. Das Skill unterstützt die Formate 16:9 und 9:16 und ist ideal für Ankündigungs-, Erklär- und Social-Media-Videos.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Acim24/motion-video-skills/tree/HEAD

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht Bewegtes Video mit Audio (Launch-Film-Stil)?

Verwandelt eine kurze Beschreibung in ein fertiges, gemastertes MP4: Launch-Film-Visuals (warmer Papierhintergrund, große Serifen-Headlines, ein Terrakotta-Akzent, eine Chat-Demo, die sich selbst tippt, Balken, die den Gewinner zeigen, ruhiges Logo-Outro) plus eine komplette Tonspur:

  • Voice-Over – eine optionale vo-Zeile pro Szene, synthetisiert mit edge-tts. Szenen passen sich der Erzählung an.
  • Musik – eine originelle, ambient-artige Untermalung, die auf den genauen Zeitstrahl synthetisiert wird (Pad, Sub, Piano-Arpeggios, weicher Puls, Riser und ein auflösender Hit auf dem Logo-Frame). Lizenzfrei, da aus Code generiert. Oder verwenden Sie einen eigenen Titel.
  • SFX – Whooshes bei Schnitten, Ticker bei Wörtern/Balken, Tippgeräusche während die Antwort schreibt, ein Chime beim Gewinner-Balken, Zählticker, Impact + Schimmer beim Logo. In die Szenen-Komponenten eingebaut, bleiben sie automatisch synchron.
  • Mix – Musik duckt unter Erzählung; finalen Dateien auf -14 LUFS / -1,5 dBTP normalisiert (Social-Media/YouTube-Ziel).

Der gesamte Inhalt lebt in einer Datei, src/storyboard.ts.

Arbeitsablauf

  1. Die Aufgabe verstehen. Herausfinden: Marken-/Produktname, die eine zu merkende Botschaft, 2–5 unterstützende Punkte, reale Zahlen (falls vorhanden), Ziellänge, Plattform, Erzählsprache und Stimmen-Geschlecht. Wenn der Benutzer genügend Angaben gemacht hat, nicht nachfragen; Annahmen nennen. Niemals erfundene Benchmark-Zahlen als real präsentieren – sichtbar gekennzeichnete Platzhalter (footnote) verwenden oder die Benchmark weglassen.

  2. Gerüst bauen.

    bash <skill-verzeichnis>/scripts/new_project.sh <ziel-verzeichnis>
    

    Benötigt Node 18+, ffmpeg und edge-tts im PATH (pipx install edge-tts) mit Internetzugang für die Erzählung. Prüfen mit which edge-tts ffmpeg; falls edge-tts fehlt und nicht installiert werden kann, ohne vo bauen und den Benutzer informieren.

  3. Das Storyboard schreiben. references/style-guide.md (visuelles Tempo, Textgestaltung, Rezepte) und references/audio.md (Erzählung verfassen, Stimmen, Musik-/SFX-/Mix-Einstellungen) lesen. Szenentypen (Felder in src/types.ts):

    TypVerwendung
    headlineKinetischer Text: Opener, Abschnittsüberschriften, Schlusszeile. *Wort* = Akzent kursiv
    chatUI-Demo: Eingabeaufforderung → Denkpunkte → getippte Antwort (mit Tippgeräusch)
    benchmarkHorizontale Balken, einer mit highlight: true (Chime wenn er erscheint)
    bigNumberEine große Statistik, die hochzählt (Zählticker + Impact)
    features2–4 nummerierte Fähigkeitskarten (Pop pro Karte)
    logoOutro: gezeichnetes Markenzeichen oder logoSrc, Name, Slogan, CTA (Musik-Hit trifft hier ein)

    Jede Szene: optionales vo, optionale durationInFrames (30 fps; bei erzählten Szenen weglassen für automatische Anpassung), optionaler tone: 'light' | 'dark'. Die logo-Szene ohne vo lassen – den Musik-Hit atmen lassen.

  4. Audio bauen – stellt auch die endgültige Zeitachse fest:

    cd <ziel-verzeichnis> && npm run audio
    

    Die gedruckte Zeitachse lesen: Start pro Szene, Länge, Erzähllänge und „(gedehnt, um vo anzupassen)“-Warnungen. Wenn eine Szene stark gedehnt wurde, stattdessen ihr vo kürzen – lange Erzählung macht langsame, schläfrige Szenen.

  5. Visuelle Qualitätskontrolle (Standbilder sind schnell, Renderings nicht):

    npx tsc --noEmit
    bash <skill-verzeichnis>/scripts/contact_sheet.sh <ziel-verzeichnis> Main-16x9 /pfad/sheet-weit.png
    bash <skill-verzeichnis>/scripts/contact_sheet.sh <ziel-verzeichnis> Main-9x16 /pfad/sheet-hoch.png
    

    PNGs durchsehen; Überläufe, Gedränge, mehr als einen Akzent pro Szene korrigieren.

  6. Audio-Qualitätskontrolle ohne Ohren – nach dem Rendern die Lautstärke prüfen und den Mix betrachten:

    ffmpeg -i out/video-16x9.mp4 -af ebur128=peak=true -f null - 2>&1 | grep -E "I:|Peak:"
    ffmpeg -y -i out/video-16x9.mp4 -filter_complex "showwavespic=s=1800x300" -frames:v 1 /pfad/welle.png
    

    Erwarten Sie I ≈ -14 LUFS, peak ≤ -1 dBFS, Erzählungsimpulse klar über dem Musikbett und die größte Schwellung beim Logo.

  7. Rendern (führt audio → beide Formate → Mastering aus):

    npm run render     # → out/video-16x9.mp4, out/video-9x16.mp4
    

    ~30 s Video ≈ 1–2 min. Pfade, Dauer, verwendete Stimme melden und npm run studio für Live-Vorschau mit Ton erwähnen.

Anpassung

  • Markenfarben/Schriftarten: nur Tokens in src/theme.ts.
  • Logo: Datei in public/, logoSrc: 'logo.svg'.
  • Eigene Musik: Datei in public/, audio.music: 'track.mp3' (nur Titel, für die der Benutzer die Rechte hat). Eigene aufgenommene Erzählung: siehe references/audio.md.
  • Neue Szenentypen / Formate / Codecs: references/extending.md.

Marken- und Ehrlichkeits-Schutzmaßnahmen

Den Stil nachahmen, nicht die Marke: nicht das Logo von Anthropic (oder irgendjemandem) reproduzieren oder das Video als offizielle Veröffentlichung eines Unternehmens präsentieren, das der Benutzer nicht vertritt. Synthetische Stimmen dürfen keine reale, identifizierbare Person imitieren. Benchmarks: echte Benutzerdaten oder sichtbar als illustrativ gekennzeichnet.

Verwandte Skills