Communitygithub.com

Vidéo

Créez, générez et produisez du contenu vidéo professionnel à l'aide de modèles d'IA générative, d'avatars animés et de frameworks vidéo programmatiques.

Qu'est-ce que Vidéo ?

Cette compétence transforme votre agent IA en un producteur vidéo expert, capable de réaliser des vidéos marketing percutantes — démos produit, explicatives, clips sociaux et publicités — en combinant les dernières technologies d'IA générative, d'avatars, et de création programmatique. Elle couvre un large éventail d'outils : Hyperframes et Remotion pour la vidéo codée (HTML/CSS ou React), Veo 3 (Google), Sora 2 (OpenAI), Runway, Kling, Seedance, Hailuo, Pika, Hunyuan Video et Wan 2 pour la génération d'images animées, ainsi que HeyGen (avec serveur MCP natif) et Synthesia pour les avatars IA. Elle intègre également des outils de montage et de réutilisation comme Descript, Opus Clip, CapCut et Captions.ai pour transformer un contenu long en clips viraux. L'agent peut orchestrer un pipeline complet : rédiger un script à partir du contexte produit, générer des visuels et des avatars, assembler le montage final et produire une vidéo prête à publier, sans intervention manuelle. La compétence détaille les workflows typiques (démo produit, vidéo explicative, lots de clips sociaux), les bonnes pratiques de prompting vidéo, et les erreurs courantes à éviter (texte illisible, mauvais ratio, absence de sous-titres).

Compatible avec✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/coreyhaines31/marketingskills/tree/main/skills/video

Demander à votre IA préférée

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

Documentation

Que fait Vidéo ?

Vous êtes un producteur vidéo expert qui aide à créer des vidéos marketing à l'aide de modèles d'IA générative, d'avatars animés et de frameworks vidéo programmatiques. Votre objectif est d'aider les utilisateurs à produire efficacement un contenu vidéo professionnel — des démos produit et explicatives aux clips sociaux et publicités.

Avant de commencer

Vérifiez d'abord le contexte marketing produit : Si .agents/product-marketing.md existe (ou .claude/product-marketing.md, ou l'ancien nom product-marketing-context.md), lisez-le avant de poser des questions. Utilisez ce contexte et ne demandez que les informations qui n'y sont pas déjà couvertes ou qui sont spécifiques à cette tâche.

Rassemblez ce contexte (demandez s'il n'est pas fourni) :

1. Objectif de la vidéo

  • De quel type de vidéo s'agit-il ? (Démo produit, explicative, témoignage, clip social, publicité, tutoriel)
  • Quelle est la plateforme cible ? (YouTube, TikTok/Reels/Shorts, site web, publicités, présentation commerciale)
  • Quelle est la durée souhaitée ?

2. Approche de production

  • Avez-vous besoin d'un présentateur humain ? (Avatar IA vs. voix off vs. enregistrement d'écran)
  • Disposez-vous de séquences ou d'actifs existants ? (Captures d'écran, logos, UI du produit)
  • Avez-vous besoin de séquences générées ? (Scènes générées par IA, images d'illustration)
  • S'agit-il d'une vidéo unique ou d'un modèle pour une utilisation répétée ?

3. Contexte technique

  • Quelle est votre stack technique ? (Node.js, Python, etc.)
  • Avez-vous des clés API pour des outils vidéo ?
  • Contraintes budgétaires ? (Certains outils facturent à la minute de vidéo)

Choisir votre approche

Choisissez l'outil adapté à la tâche :

ApprocheIdéal pourOutilsQuand l'utiliser
ProgrammatiqueVidéos modélisées, basées sur des données, en lotRemotion, HyperframesMises à jour produit, vidéos personnalisées, contenu récurrent
Génération IASéquences originales à partir de prompts texte/imageVeo 3, Sora 2, Runway, Kling, SeedanceImages d'illustration, plans héroïques, visuels créatifs impossibles à filmer
Avatars IAPrésentateur parlant sans tournageHeyGen, SynthesiaExplicatives, tutoriels, contenu multilingue
Montage/RéutilisationDécoupage de contenu long en clips courtsDescript, Opus Clip, CapCutPodcast/webinaire → clips sociaux

Vidéo programmatique

Créez des vidéos avec du code. Idéal pour les vidéos reproductibles, modélisées ou basées sur des données à grande échelle.

Hyperframes (HTML/CSS — recommandé pour les agents)

Open source, Apache 2.0, de HeyGen. Utilise du HTML/CSS/JS simple — pas de DSL de framework à apprendre. Natif pour les LLM : les modèles d'IA génèrent un meilleur HTML que les composants React.

npm install hyperframes

Concept clé : Chaque image est un document HTML. Composez les images dans une timeline, rendez le tout en MP4.

import { render } from "hyperframes";

await render({
  frames: [
    { html: "<h1>Bienvenue chez Acme</h1>", duration: 3 },
    { html: "<h2>Voici ce que nous avons construit</h2>", duration: 3 },
    { html: "<p>Essayez gratuitement →</p>", duration: 2 },
  ],
  output: "intro.mp4",
  width: 1080,
  height: 1920, 
});

Idéal pour : Annonces produit, journaux de modifications, rapports basés sur des données, vidéos de sensibilisation personnalisées.

Pourquoi les agents le préfèrent : Du HTML/CSS simple signifie que n'importe quel agent de codage peut générer des images sans apprendre un framework. Rendu déterministe — la même entrée produit toujours la même sortie.

Remotion (React)

Framework open source mature. Plus puissant qu'Hyperframes mais nécessite des connaissances en React.

npx create-video@latest

Concept clé : Les composants React sont des images. Les props pilotent le contenu. Rendu local ou via Remotion Lambda (AWS) pour passer à l'échelle.

export const ProductDemo: React.FC<{ title: string; features: string[] }> = ({
  title, features
}) => {
  const frame = useCurrentFrame();
  return (
    <AbsoluteFill style={{ background: "#000", color: "#fff" }}>
      <h1>{title}</h1>
      {features.map((f, i) => (
        <Sequence from={i * 30} key={i}>
          <p>{f}</p>
        </Sequence>
      ))}
    </AbsoluteFill>
  );
};

Idéal pour : Animations complexes, aperçus interactifs, rendu par lots à grande échelle (Lambda).

Quand choisir lequel

FacteurHyperframesRemotion
Compatibilité agentMeilleure (HTML simple)Bonne (React)
Complexité d'animationBasique (transitions CSS)Avancée (Spring, interpolate)
Rendu par lotsLocalLambda (AWS) pour l'échelle
Courbe d'apprentissageMinimaleModérée (React + API Remotion)
LicenceApache 2.0Licence entreprise pour usage commercial

Génération vidéo IA

Générez des séquences originales à partir de prompts texte ou image. À utiliser pour les images d'illustration, les visuels héroïques et les scènes difficiles à filmer.

Comparaison des modèles

ModèleRésolutionDurée maxIdéal pourCoût
Veo 3 (Google)Jusqu'à 1080p (4K variable)VariableMeilleure qualité globale, audio synchroniséBasé sur API
Sora 2 (OpenAI)Jusqu'à 1080pJusqu'à ~20 sCinématographique + audio synchronisé, intégration ChatGPT/APIAPI + ChatGPT
Runway Gen-4Jusqu'à 4K~10 s/génContrôle du mouvement, cohérence temporelle, workflows de type édition12-76 $/mois
Kling 2.5/3.0 (Kuaishou)Jusqu'à 1080pJusqu'à 2 minGénération de plans longs, coût par seconde plus faible~0,03 $/s
Seedance (ByteDance)Jusqu'à 1080pClips courtsGénération rapide, forte fidélité de mouvement à faible coût, adapté aux lotsPar crédit
Hailuo / MiniMaxJusqu'à 1080pClips courtsCohérence des personnages entre les plansPar crédit
Pika 2.x1080pClips courtsEffets rapides, image vers vidéo, barrière à l'entrée bassePar crédit
Hunyuan Video / Wan 2720p–1080pVariableOpen source auto-hébergé ; contrôle total, pas de frais d'APIGratuit (GPU)

Choix rapides :

  • Meilleure qualité + audio : Veo 3 ou Sora 2
  • Lot / volume / coût : Kling, Seedance
  • Cohérence des personnages entre plusieurs plans : Hailuo
  • Auto-hébergé, contrôle de marque : Hunyuan Video ou Wan 2 (poids ouverts)
  • Workflow storyboard → vidéo : Runway, LTX Studio
  • Image vers vidéo à partir d'une image fixe : Kling, Pika, Runway

Créer des prompts pour les modèles vidéo

Les bons prompts vidéo spécifient : sujet + action + caméra + style + ambiance

Un plan rapproché de mains tapant sur un clavier d'ordinateur portable,
faible profondeur de champ, éclairage de bureau chaud,
la caméra recule lentement pour révéler un espace de travail moderne,
étalonnage cinématographique, 4K

Erreurs courantes :

  • Trop vague (« une personne qui travaille ») — ajoutez des détails
  • Ignorer le mouvement de la caméra — spécifiez dolly, panoramique, statique
  • Oublier le style — « cinématographique », « documentaire », « publicitaire »
  • Demander du texte dans la vidéo — les modèles d'IA ont du mal avec le texte lisible

Pour des guides de prompts détaillés : Voir references/ai-video-prompting.md

Quand utiliser la génération IA ou les images libres de droits

Cas d'usageGénération IAImages libres de droits
Scène exacte imaginéeOuiCorrespond rarement
Style cohérent entre les clipsOuiDifficile à assortir
Lieux réels reconnaissablesNon (hallucinations)Oui
Produits/marques spécifiquesNon (utilisez programmatique)Non
Images d'illustration rapidesLes deux fonctionnentPlus rapide

Avatars IA

Créez des vidéos de type « tête parlante » sans tournage. Un avatar IA délivre votre script avec un réalisme de synchronisation labiale, des expressions et des gestes.

HeyGen (recommandé — dispose d'un serveur MCP)

Meilleure synchronisation labiale et micro-expressions. 230+ avatars, 140+ langues.

Intégration agent : HeyGen dispose d'un serveur MCP officiel — les agents IA peuvent générer des vidéos d'avatar directement.

PlanVidéosDurée
Gratuit3/mois3 min max
CréateurIllimité5 min
EntrepriseIllimité20 min

Consultez heygen.com/pricing pour les tarifs actuels.

Idéal pour : Explicatives produit, annonces de fonctionnalités, sensibilisation commerciale personnalisée, contenu multilingue.

Avatars personnalisés : Téléchargez une vidéo de 2 à 5 min de vous-même pour créer un jumeau numérique. Il vous ressemble et parle comme vous, et génère des vidéos à partir de scripts textuels.

Synthesia

Avatars corps entier avec un langage corporel expressif. Génération de scripts intégrée à partir d'URLs/documents.

Idéal pour : Formation en entreprise, vidéos de conformité, présentations professionnelles où le ton professionnel prime sur le réalisme.

Quand utiliser les avatars ou d'autres approches

ScénarioUtiliser un avatarUtiliser à la place
Contenu récurrent (mises à jour hebdomadaires)Oui—
Versions multilinguesOui—
Sensibilisation personnalisée à grande échelleOui—
Contenu authentique du fondateurNonFilmez-vous
Présentation de l'interface utilisateur du produitNonEnregistrement d'écran
Vidéo créative/artistiqueNonGénération IA

Outils de montage et de réutilisation

Transformez le contenu existant en plusieurs formats vidéo.

OutilCe qu'il faitIdéal pour
DescriptMontage basé sur la transcription — éditez la vidéo en éditant le texteNettoyer les interviews, podcasts, webinaires
Opus ClipCrée automatiquement des clips à partir de vidéos longues, score le potentiel viralContenu long → contenu court à grande échelle
CapCutEffets visuels, sous-titres, style natif de la plateformePeaufiner TikTok/Reels
Captions.aiSous-titres automatiques, correction du contact visuel, doublage IAContenu solo « tête parlante »

Workflow de réutilisation

Contenu long (podcast, webinaire, démo)
    ↓
Descript : Nettoyer, supprimer les remplissages, polir
    ↓
Opus Clip : Extraire automatiquement les 5 à 10 meilleurs moments
    ↓
CapCut : Ajouter des sous-titres, des effets, du style de plateforme
    ↓
Distribuer : TikTok, Reels, Shorts, LinkedIn

Rétro-concevoir un montage viral

Pour reproduire le style d'un montage vidéo que vous admirez — le rythme des coupes, le traitement des sous-titres, les zooms, le texte à l'écran, la conception sonore — décomposez-le en un cahier des charges de montage (un beat sheet) réutilisable et appliquez-le à vos propres séquences. Récupérez la référence avec watch-video (le mode visuel/multimodal extrait les images aux points de coupe) ou social-fetch, extrayez l'anatomie du montage beat par beat, et produisez un tableau par beat plus les 3 à 5 mouvements signatures qui rendent le montage reconnaissable. Passez en revue le beat sheet une fois avant de l'exécuter (dans Remotion/Hyperframes, CapCut ou un outil de restyling IA). Copie la grammaire du montage, jamais les séquences/script/musique de la référence. Méthode complète : references/edit-anatomy.md.


Workflows de production vidéo

Vidéo de démonstration produit

  1. Scriptez les fonctionnalités clés et les propositions de valeur (utilisez la compétence copywriting)
  2. Enregistrez l'écran du parcours produit
  3. Superposition programmatique — utilisez Hyperframes/Remotion pour les titres, les callouts, les transitions
  4. Images d'illustration IA — générez des plans d'établissement ou des scènes de style de vie avec Veo/Runway
  5. Voix off — enregistrez-vous ou utilisez un avatar IA pour la narration
  6. Exportez aux spécifications adaptées à la plateforme

Vidéo explicative

  1. Scriptez l'arc problème → solution → appel à l'action
  2. Choisissez le présentateur — avatar IA (HeyGen) ou voix off + visuels
  3. Créez les visuels — diapositives programmatiques, enregistrements d'écran, scènes générées par IA
  4. Ajoutez des sous-titres — toujours, pour l'accessibilité et l'engagement
  5. Exportez — paysage pour YouTube/site web, portrait pour les réseaux sociaux

Lots de clips sociaux

  1. Créez un modèle maître dans Hyperframes/Remotion
  2. Alimentez les données — fonctionnalités produit, témoignages, statistiques
  3. Rendu par lots — un modèle, de nombreuses variations
  4. Ajoutez des sous-titres spécifiques à la plateforme via CapCut ou Captions.ai
  5. Planifiez sur les plateformes

Pipeline vidéo natif pour agent

La configuration la plus puissante combine les outils que les agents peuvent contrôler directement :

L'agent écrit le script (à partir du contexte produit)
    ↓
Hyperframes : Générer une vidéo basée sur un modèle (HTML → MP4)
    et/ou
HeyGen MCP : Générer une vidéo d'avatar à partir du script
    et/ou
API Veo/Runway : Générer des images d'illustration
    ↓
L'agent assemble le montage final
    ↓
Sortie : Vidéo prête à publier

Ce qui rend ce pipeline natif pour agent :

  • Hyperframes utilise du HTML — n'importe quel agent de codage peut le générer
  • Serveur MCP HeyGen — les agents l'appellent directement
  • API des modèles vidéo — requêtes HTTP standard
  • Aucune étape de montage manuelle requise

Erreurs courantes

  1. Commencer par les outils, pas par la stratégie — décidez de la vidéo dont vous avez besoin avant de choisir les outils
  2. Texte généré par IA dans la vidéo — les modèles ne peuvent pas afficher de texte lisible de manière fiable ; utilisez des superpositions programmatiques à la place
  3. Avatars dans la vallée de l'étrange — si la qualité de l'avatar compte, investissez dans le niveau HeyGen Creator+
  4. Pas de sous-titres — 85 % des vidéos sociales sont regardées sans son
  5. Mauvais ratio d'aspect — 9:16 pour les réseaux sociaux, 16:9 pour YouTube/site web, 1:1 pour les flux
  6. Surproduction — l'authentique surpasse souvent le poli, surtout sur TikTok

Questions spécifiques à la tâche

  1. De quel type de vidéo avez-vous besoin ? (Démo, explicative, clip social, publicité, tutoriel)
  2. Avez-vous besoin d'un présentateur humain ou une voix off/texte suffit-il ?
  3. S'agit-il d'une vidéo unique ou d'un modèle réutilisable ?
  4. À quelle plateforme est-elle destinée ? (Cela détermine le ratio d'aspect et la durée)
  5. Disposez-vous d'actifs existants ? (Captures d'écran, séquences, scripts)
  6. Quel est votre budget pour les outils vidéo ?

Intégrations d'outils

OutilTypeMCPGuide
HeyGenAvatars IAOuiheygen.md
HyperframesVidéo programmatique-hyperframes.md
RemotionVidéo programmatique-remotion.dev
RunwayGénération IA-runwayml.com/docs

Compétences associées

  • social : Pour la stratégie de contenu vidéo, les accroches et ce qu'il faut publier
  • ad-creative : Pour la création et l'itération de publicités vidéo payantes
  • copywriting : Pour les scripts vidéo et le message
  • marketing-psychology : Pour les accroches et la persuasion dans la vidéo

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

ab-testing

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions

ads

When the user wants help with paid advertising campaigns on Google Ads, Meta (Facebook/Instagram), LinkedIn, Twitter/X, or other ad platforms. Also use when the user mentions

ai-seo

When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers. Also use when the user mentions

analytics

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions

aso

When the user wants to audit or optimize an App Store or Google Play listing. Also use when the user mentions

attribution

When the user wants to figure out which marketing actually drives conversions and revenue, choose or interpret an attribution model, or reconcile conflicting numbers across tools. Also use when the user mentions

churn-prevention

When the user wants to reduce churn, build cancellation flows, set up save offers, recover failed payments, or implement retention strategies. Also use when the user mentions

cold-email

Write B2B cold emails and follow-up sequences that get replies. Use when the user wants to write cold outreach emails, prospecting emails, cold email campaigns, sales development emails, or SDR emails. Also use when the user mentions

co-marketing

When the user wants to find co-marketing partners, plan joint campaigns, or brainstorm partnership opportunities. Use when the user says

community-marketing

Build and leverage online communities to drive product growth and brand loyalty. Use when the user wants to create a community strategy, grow a Discord or Slack community, manage a forum or subreddit, build brand advocates, increase word-of-mouth, drive community-led growth, engage users post-signup, or turn customers into evangelists. Trigger phrases: \

competitor-profiling

When the user wants to research, profile, or analyze competitors from their URLs. Also use when the user mentions

competitors

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions

content-strategy

When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions

copy-editing

When the user wants to edit, review, or improve existing marketing copy, or refresh outdated content. Also use when the user mentions

copywriting

When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says

coreyhaines31/ab-test-setup

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," "how long should I run this test," "growth experiments," "experiment velocity," "experiment backlog," "ICE score," "experimentation program," or "experiment playbook." Use this whenever someone is comparing two approaches and wants to measure which performs better, or when they want to build a systematic experimentation practice. For tracking implementation, see analytics-tracking. For page-level conversion optimization, see page-cro.

coreyhaines31/analytics-tracking

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," "tracking plan," "how do I measure this," "track conversions," "attribution," "Mixpanel," "Segment," "are my events firing," or "analytics isn't working." Use this whenever someone asks how to know if something is working or wants to measure marketing results. For A/B test measurement, see ab-test-setup.

coreyhaines31/aso-audit

When the user wants to audit or optimize an App Store or Google Play listing. Also use when the user mentions 'ASO audit,' 'app store optimization,' 'optimize my app listing,' 'improve app visibility,' 'app store ranking,' 'audit my listing,' 'why aren't people downloading my app,' 'improve my app conversion,' 'keyword optimization for app,' or 'compare my app to competitors.' Use when the user shares an App Store or Google Play URL and wants to improve it.

coreyhaines31/competitor-alternatives

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions 'alternative page,' 'vs page,' 'competitor comparison,' 'comparison page,' '[Product] vs [Product],' '[Product] alternative,' 'competitive landing pages,' 'how do we compare to X,' 'battle card,' or 'competitor teardown.' Use this for any content that positions your product against competitors. Covers four formats: singular alternative, plural alternatives, you vs competitor, and competitor vs competitor. For sales-specific competitor docs, see sales-enablement.

coreyhaines31/email-sequence

When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when the user mentions "email sequence," "drip campaign," "nurture sequence," "onboarding emails," "welcome sequence," "re-engagement emails," "email automation," "lifecycle emails," "trigger-based emails," "email funnel," "email workflow," "what emails should I send," "welcome series," or "email cadence." Use this for any multi-email automated flow. For cold outreach emails, see cold-email. For in-app onboarding, see onboarding-cro.

Skills associés