Communitygithub.com

Acim24/motion-video-audio

Crée des vidéos motion-graphics complètes (MP4 avec son) dans le style éditorial des films de lancement d'IA moderne — typographie sérif animée, démos chat/UI, barres de benchmark, compteurs animés, générique de fin, narration vocale, musique originale, effets sonores, ducking et mastering automatiques, avec Remotion.

Qu'est-ce que motion-video-audio ?

Cette compétence transforme un brief en une vidéo MP4 entièrement produite, avec narration vocale, musique originale et effets sonores, idéale pour des annonces, démos ou teasers sur les réseaux sociaux. Elle repose sur Remotion pour le rendu et edge-tts pour la synthèse vocale, prenant en charge l'indonésien et d'autres langues. Le markdown décrit en détail le flux de travail : compréhension du brief, génération du projet, écriture du storyboard (types de scènes prédéfinis : titre, chat, benchmark, grand nombre, fonctionnalités, logo), construction audio, validation visuelle et audio, et rendu final. L'utilisateur peut personnaliser les couleurs, polices, logo, musique ou narration. Des garde-fous éthiques empêchent l'usurpation de marque ou l'imitation de voix réelles. Supporte les formats 16:9 et 9:16 pour YouTube, Reels, TikTok, etc.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Motion Video avec Son (style film de lancement)

Transforme un brief en un MP4 fini et masterisé : visuels de film de lancement (fond chaud, grands titres sérif, un accent terre cuite, démo chat qui se tape, barres révélant le gagnant, générique de fin calme) plus une bande-son complète :

  • Voix-off — une ligne vo optionnelle par scène, synthétisée avec edge-tts. Les scènes s'adaptent à la narration.
  • Musique — une partition ambiante originale synthétisée sur la timeline exacte (nappe, sub, arpèges piano, pulsation douce, crescendo, et un hit résolutif sur le logo). Libre de droits car générée par code. Ou utilisez le propre morceau de l'utilisateur.
  • SFX — whoosh sur les coupes, ticks sur les mots/barres, frappe pendant que la réponse s'écrit, carillon sur la barre gagnante, ticks de compteur, impact + shimmer sur le logo. Placés dans les composants de scène, ils restent synchronisés automatiquement.
  • Mix — la musique baisse sous la narration ; les fichiers finaux sont normalisés à −14 LUFS / −1.5 dBTP (cible social/YouTube).

Tout le contenu vit dans un seul fichier, src/storyboard.ts.

Flux de travail

  1. Comprendre le brief. Obtenez : nom de la marque/produit, le message à retenir, 2–5 points d'appui, des chiffres réels (le cas échéant), durée cible, plateforme, langue de narration et genre de la voix. Si l'utilisateur en a donné assez, n'interrogez pas ; énoncez vos hypothèses. Ne présentez jamais des chiffres de benchmark inventés comme réels — utilisez des espaces réservés visiblement étiquetés (footnote) ou sautez le benchmark.

  2. Préparer le projet.

    bash <chemin_compétence>/scripts/new_project.sh <dossier_cible>
    

    Nécessite Node 18+, ffmpeg, et edge-tts dans le PATH (pipx install edge-tts) avec internet pour la narration. Vérifiez avec which edge-tts ffmpeg d'abord ; si edge-tts manque et ne peut être installé, construisez sans vo et prévenez l'utilisateur.

  3. Écrire le storyboard. Lisez references/style-guide.md (rythme visuel, rédaction, recettes) et references/audio.md (écriture de narration, voix, réglages musique/SFX/mix). Types de scènes (champs dans src/types.ts) :

    typeutilisation
    headlinetexte cinétique : ouverture, titres de sections, phrase de fin. *mot* = accent italique
    chatdémo UI : invite → points de réflexion → réponse tapée (avec son de frappe)
    benchmarkbarres horizontales, une barre highlight: true (carillon quand elle arrive)
    bigNumbergrande statistique qui compte (ticks de compteur + impact)
    features2–4 cartes de capacité numérotées (pop par carte)
    logogénérique de fin : marque dessinée ou logoSrc, nom, tagline, CTA (le hit musical arrive ici)

    Chaque scène : vo optionnel, durationInFrames optionnel (30 ips ; omettre sur les scènes narrées pour l'ajustement automatique), tone: 'light' | 'dark' optionnel. Laissez la scène logo sans vo — laissez respirer le hit musical.

  4. Construire l'audio — cela fixe aussi la timeline finale :

    cd <dossier_cible> && npm run audio
    

    Lisez la timeline imprimée : début, longueur, longueur de narration par scène, et avertissements "(étiré pour s'adapter à la vo)". Si une scène a été beaucoup étirée, raccourcissez sa vo — une longue narration rend les scènes lentes et endormies.

  5. QA visuel (les images fixes sont rapides, les rendus ne le sont pas) :

    npx tsc --noEmit
    bash <chemin_compétence>/scripts/contact_sheet.sh <dossier_cible> Main-16x9 /chemin/planche-large.png
    bash <chemin_compétence>/scripts/contact_sheet.sh <dossier_cible> Main-9x16 /chemin/planche-haute.png
    

    Lisez les PNG ; corrigez les débordements, le surpeuplement, plus d'un accent par scène.

  6. QA audio sans oreilles — après rendu, vérifiez la sonie et examinez le mix :

    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 /chemin/vague.png
    

    Attendez-vous à I ≈ −14 LUFS, peak ≤ −1 dBFS, les bursts de narration se détachant clairement au-dessus du fond musical, et la plus grande montée au logo.

  7. Rendre (exécute audio → les deux formats → mastering) :

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

    Vidéo de ~30 s ≈ 1–2 min. Rapportez les chemins, durée, voix utilisée, et mentionnez npm run studio pour un aperçu en direct avec son.

Personnalisation

  • Couleurs/polices de la marque : uniquement les jetons src/theme.ts.
  • Logo : fichier dans public/, logoSrc: 'logo.svg'.
  • Propre musique : fichier dans public/, audio.music: 'track.mp3' (seulement des morceaux dont l'utilisateur a les droits). Propre narration enregistrée : voir references/audio.md.
  • Nouveaux types de scènes / formats / codecs : references/extending.md.

Garde-fous de marque et d'honnêteté

Imitez le style, pas la marque : ne reproduisez pas le logo d'Anthropic (ou de quiconque) et ne présentez pas la vidéo comme une sortie officielle d'une entreprise que l'utilisateur ne représente pas. Les voix synthétiques ne doivent pas imiter une personne réelle et identifiable. Benchmarks : données réelles de l'utilisateur ou illustrations visiblement marquées.

Skills associés