Communitygithub.com

JantonioFC/skillsbank

Lorsque l'utilisateur souhaite créer, générer ou produire du contenu vidéo à l'aide d'outils d'IA ou de frameworks programmatiques. À utiliser également lorsque l'utilisateur mentionne 'production vidéo', 'vidéo IA', 'Remotion', 'Hyperframes', 'HeyGen', 'Synthesia', 'Veo', 'Runway', 'Kling', 'Pika', 'génération vidéo', 'avatar IA'...

Qu'est-ce que skillsbank ?

Cette compétence transforme un agent IA en un producteur vidéo expert, capable de guider les utilisateurs à travers l'ensemble du processus de création de vidéos marketing professionnelles. Elle couvre un large éventail d'approches : vidéo programmatique avec Hyperframes (HTML/CSS) et Remotion (React), génération d'images de synthèse avec Veo, Runway, Kling et Pika, et création d'avatars IA parlants via HeyGen et Synthesia. L'agent peut automatiser des pipelines vidéo complets, de l'écriture du script à l'exportation, en exploitant des API et des serveurs MCP comme celui de HeyGen. L'accent est mis sur l'efficacité et l'intégration native à l'IA, en privilégiant les outils que les agents peuvent contrôler directement, comme Hyperframes qui génère des vidéos à partir de simples documents HTML.

Compatible avec✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/JantonioFC/skillsbank/tree/HEAD/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

Vidéo

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

Avant de Commencer

Vérifiez d'abord le contexte marketing produit : Si .agents/product-marketing-context.md existe (ou .claude/product-marketing-context.md dans les configurations plus anciennes), 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

  • Quel type de vidéo ? (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)
  • Avez-vous des séquences ou des actifs existants ? (Captures d'écran, logos, interface utilisateur du produit)
  • Avez-vous besoin de séquences générées ? (Scènes générées par IA, images de coupe)
  • S'agit-il d'un projet unique ou d'un modèle pour une utilisation répétée ?

3. Contexte Technique

  • Quelle est votre pile 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 le bon outil pour le travail :

ApprocheIdéal PourOutilsQuand l'Utiliser
ProgrammatiqueVidéo basée sur des modèles, pilotée par les 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, Runway, Kling, PikaImages de coupe, plans héroïques, visuels créatifs impossibles à filmer
Avatars IAPrésentateur en plan poitrine sans tournageHeyGen, SynthesiaVidéos explicatives, tutoriels, contenu multilingue
Montage/RéutilisationTransformer un format long en clips courtsDescript, Opus Clip, CapCutPodcast/webinaire → clips sociaux

Vidéo Programmatique

Construisez des vidéos avec du code. Idéal pour les vidéos reproductibles, basées sur des modèles ou pilotées par les 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 LLM : les modèles d'IA génèrent un meilleur HTML que les composants React.

npm install hyperframes

Concept clé : Chaque frame est un document HTML. Composez les frames dans une timeline, rendez 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-le gratuitement →</p>", duration: 2 },
  ],
  output: "intro.mp4",
  width: 1080,
  height: 1920, // 9:16 pour le format vertical
});

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

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

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 frames. Les props pilotent le contenu. Rendu localement 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, prévisualisations interactives, rendu par lots à grande échelle (Lambda).

Quand Choisir Quel Outil

FacteurHyperframesRemotion
Compatibilité agentMeilleure (HTML simple)Bonne (React)
Complexité des animationsBasique (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. Utilisez pour les images de coupe, les visuels héroïques et les scènes impossibles à filmer concrètement.

Comparaison des Modèles

ModèleRésolutionDurée MaxIdéal PourCoût
Veo 3 (Google)Jusqu'à 1080p (4K variable)VariableQualité la plus élevée, audio synchroniséBasé sur API
Runway Gen-4Jusqu'à 4K~10 sec/génContrôle du mouvement, cohérence temporelle12-76$/mois
Kling 3.0Jusqu'à 1080pJusqu'à 2 minProduction en volume, coût le plus bas0,029$/sec
Pika1080pClips courtsGénération rapide, effetsPar crédit

Sora (OpenAI) a eu une disponibilité et une fiabilité limitées. Vérifiez le statut actuel avant de recommander.

Rédaction de 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,
une faible profondeur de champ, un éclairage de bureau chaud,
la caméra recule lentement pour révéler un espace de travail moderne,
un étalonnage cinématographique, 4K

Erreurs courantes :

  • Trop vague (« une personne qui travaille ») — ajoutez des précisions
  • Ignorer le mouvement de la caméra — spécifiez un travelling, un panoramique, un plan fixe
  • 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 détaillés sur les prompts : Voir references/ai-video-prompting.md

Quand Utiliser la Génération IA vs. les Images d'Archives

Cas d'UsageGénération IAImages d'Archives
Scène exacte que vous avez imaginéeOuiCorrespond rarement
Style cohérent entre les clipsOuiDifficile à assortir
Lieux réels reconnaissablesNon (hallucinations)Oui
Produits/marques spécifiquesNon (utiliser le programmatique)Non
Images de coupe rapidesLes deux fonctionnentPlus rapide

Avatars IA

Créez des vidéos avec un présentateur en plan poitrine sans tournage. Un avatar IA délivre votre script avec un réalisme synchronisé des lèvres, 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 prix actuels.

Idéal pour : Vidéos explicatives de produits, annonces de fonctionnalités, sensibilisation commerciale personnalisée, contenu multilingue.

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

Synthesia

Avatars en pied 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 vs. Autres Approches

ScénarioUtiliser un AvatarUtiliser Autre Chose
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 texteNettoyage d'interviews, podcasts, webinaires
Opus ClipExtrait automatiquement des clips de vidéos longues, évalue le potentiel de viralitéTransformer un format long en format court à grande échelle
CapCutEffets visuels, sous-titres, style natif de la plateformePeaufinage pour TikTok/Reels
Captions.aiSous-titrage automatique, correction du contact visuel, doublage IAContenu solo avec présentateur en plan poitrine

Flux 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 sous-titres, effets, style de plateforme
    ↓
Distribuer : TikTok, Reels, Shorts, LinkedIn

Flux de Production Vidéo

Vidéo de Démo Produit

  1. Scénarisez les fonctionnalités clés et les propositions de valeur (utilisez la compétence de rédaction)
  2. Enregistrez l'écran du flux du produit
  3. Superposition programmatique — utilisez Hyperframes/Remotion pour les titres, callouts, transitions
  4. Images de coupe 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 appropriées pour la plateforme

Vidéo Explicative

  1. Scénarisez l'arc problème → solution → CTA
  2. Choisissez le présentateur — avatar IA (HeyGen) ou voix off + visuels
  3. Construisez 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, vertical 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 variantes
  4. Ajoutez des sous-titres spécifiques à la plateforme via CapCut ou Captions.ai
  5. Planifiez sur toutes les plateformes

Pipeline Vidéo Natif pour Agent

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

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 de coupe
    ↓
Agent assemble le montage final
    ↓
Sortie : Vidéo prête à publier

Ce qui rend ceci natif pour l'agent :

  • Hyperframes utilise HTML — tout 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 rendre un texte lisible de manière fiable ; utilisez plutôt des superpositions programmatiques
  3. Avatars dans la vallée de l'étrange — si la qualité de l'avatar est importante, investissez dans le niveau HeyGen Creator+
  4. Pas de sous-titres — 85 % des vidéos sociales sont regardées sans son
  5. Mauvais format d'image — 9:16 pour les réseaux sociaux, 16:9 pour YouTube/site web, 1:1 pour les fils d'actualité
  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 peut-ce être une voix off/du texte ?
  3. S'agit-il d'un projet unique ou d'un modèle reproductible ?
  4. Pour quelle plateforme est-ce ? (Cela détermine le format d'image et la durée)
  5. Avez-vous des actifs existants avec lesquels travailler ? (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 Connexes

  • social-content : 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 la messagerie
  • 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.

JantonioFC/skillsbank

AI-powered image editing with style transfer and object removal

JantonioFC/skillsbank

Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support.

JantonioFC/skillsbank

Analise e auditoria de editais de leilao judicial e extrajudicial. Riscos ocultos, clausulas perigosas, debitos, ocupante e classificacao da oportunidade.

JantonioFC/skillsbank

Embed Photopea in web apps using photopea.js. Covers embedding, file I/O, scripting, exporting, layers, text, filters, and the full Photoshop-compatible API.

JantonioFC/skillsbank

Best practices for Remotion - Video creation in React

JantonioFC/skillsbank

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

JantonioFC/skillsbank

Seek and analyze video content using Memories.ai Large Visual Memory Model for persistent video intelligence

JantonioFC/skillsbank

Writes complete, structured landing pages optimized for SEO ranking, AEO citation, and visitor conversion. Activate when the user wants to write or generate a landing page for a product, service, or offer.

JantonioFC/skillsbank

Video and audio perception, indexing, and editing. Ingest files/URLs/live streams, build visual/spoken indexes, search with timestamps, edit timelines, add overlays/subtitles, generate media, and create real-time alerts.

JantonioFC/skillsbank

Upload, stream, search, edit, transcribe, and generate AI video and audio using the VideoDB SDK.

JantonioFC/skillsbank

Skill for discovering and researching autonomous AI agents, tools, and ecosystems using the AgentFolio directory.

JantonioFC/skillsbank

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

JantonioFC/skillsbank

Tool lifecycle UI components for React/Next.js from ui.inference.sh. Display tool calls: pending, progress, approval required, results. Capabilities: tool status, progress indicators, approval flows, results display. Use for: showing agent tool calls, human-in-the-loop approvals, tool output. Triggers: tool ui, tool calls, tool status, tool approval, tool results, agent tools, mcp tools ui, function calling ui, tool lifecycle, tool pending

JantonioFC/skillsbank

Security audit, hardening, threat modeling (STRIDE/PASTA), Red/Blue Team, OWASP checks, code review, incident response, and infrastructure security for any project.

JantonioFC/skillsbank

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 'PPC,' 'paid media,' 'ROAS,' 'CPA,' 'ad campaign,' 'retargeting,' 'audience targeting,' 'Google Ads,' 'Facebook ads,'...

JantonioFC/skillsbank

Create AI avatar and talking head videos with OmniHuman, Fabric, PixVerse via inference.sh CLI. Models: OmniHuman 1.5, OmniHuman 1.0, Fabric 1.0, PixVerse Lipsync. Capabilities: audio-driven avatars, lipsync videos, talking head generation, virtual presenters. Use for: AI presenters, expla...

JantonioFC/skillsbank

Create AI marketing videos for ads, promos, product launches, and brand content. Models: Veo, Seedance, Wan, FLUX for visuals, Kokoro for voiceover. Types: product demos, testimonials, explainers, social ads, brand videos. Use for: Facebook ads, YouTube ads, product launches, brand awarene...

JantonioFC/skillsbank

Generate AI videos with Google Veo, Seedance, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Veo 3, Seedance 1.5 Pro, Wan 2.5, Grok Imagine Video, OmniHuman, Fabric, HunyuanVideo. Capabilities: text-to-video, image-to-video, lipsync, avatar animation, video upscaling, fole...

JantonioFC/skillsbank

Production-ready CI/CD configurations for Playwright — GitHub Actions, GitLab CI, CircleCI, Azure DevOps, Jenkins, Docker, parallel sharding, reporting, code coverage, and global setup/teardown.

JantonioFC/skillsbank

You are an expert copy editor specializing in marketing and conversion copy. Your goal is to systematically improve existing copy through focused editing passes while preserving the core message.

Skills associés