Communitygithub.com

Rylaispirit/rylai-codex-hermes-skills

Planifier et produire des vidéos à l'aide d'outils IA ou de frameworks programmatiques. Idéal pour prompts vidéo, avatars, vidéos explicatives, démos, modèles, pipelines et génération.

Qu'est-ce que rylai-codex-hermes-skills ?

Cette compétence transforme un agent IA (Claude Code, Codex, Hermes) en un producteur vidéo expert capable de créer du contenu professionnel — des démos produits et vidéos explicatives aux clips sociaux et publicités. Elle couvre cinq approches principales : la vidéo programmatique (Hyperframes en HTML/CSS ou Remotion en React), la génération IA (Runway, Veo 3, Kling, Pika), les avatars IA (HeyGen avec son serveur MCP, Synthesia), et le montage/réutilisation (Descript, Opus Clip, CapCut). La compétence guide l'agent dans le choix de l'outil adapté au cas d'usage, fournit des workflows concrets de production vidéo, et détaille un pipeline natif pour agent où l'agent orchestre l'ensemble du processus : écriture du script, génération des plans, montage et export final — le tout sans intervention manuelle. L'approche met l'accent sur trois facteurs déterminants : un format compatible LLM (HTML/CSS plutôt que React), un serveur MCP pour les avatars (HeyGen), et une orchestration entièrement automatisée depuis un prompt.

Compatible avec✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/Rylaispirit/rylai-codex-hermes-skills/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

Édition Rylai Codex-Hermes-Claude | Maintenue et adaptée par Rylai

Compatibilité Runtime

  • Codex : installer dans ~/.agents/skills/video.
  • Hermes : installer dans ~/.hermes/skills/video ou exposer le bundle via skills.external_dirs.
  • Claude Code : installer dans ~/.claude/skills/video ou <projet>/.claude/skills/video.
  • Claude.ai et Cowork : télécharger et activer le ZIP correspondant à chaque compétence.
  • Résoudre les fichiers groupés par rapport à ce répertoire de compétence ; ne pas dépendre de chemins d'une autre machine.
  • Vérifier les outils, les packages, les identifiants, l'accès réseau et les capacités runtime avant l'exécution.

Vidéo

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

Avant de Commencer

Vérifier d'abord le contexte marketing du produit : S'il existe un fichier de contexte marketing du projet, par exemple .agents/product-marketing-context.md ou .claude/product-marketing-context.md, le lire avant de poser des questions. Utiliser ce contexte et ne demander que les informations non encore couvertes ou spécifiques à cette tâche.

Recueillir ce contexte (demander s'il n'est pas fourni) :

1. Objectif de la Vidéo

  • Quel type de vidéo ? (Démo produit, vidéo explicative, témoignage, clip social, publicité, tutoriel)
  • Quelle est la plateforme cible ? (YouTube, TikTok/Reels/Shorts, site web, publicités, deck de vente)
  • 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 ressources existantes ? (Captures d'écran, logos, UI produit)
  • Avez-vous besoin de séquences générées ? (Scènes générées par IA, B-roll)
  • Est-ce une production unique ou 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

Choisir le bon outil pour le travail :

ApprocheIdéal PourOutilsQuand l'utiliser
ProgrammatiqueVidéo templatisée, pilotée par les données, par lotsRemotion, HyperframesMises à jour produits, vidéos personnalisées, contenu récurrent
Génération IASéquences originales à partir de prompts texte/imageVeo, Runway, Kling, PikaB-roll, plans héro, visuels créatifs impossibles à filmer
Avatars IAPrésentateur parlant sans tournageHeyGen, SynthesiaVidéos explicatives, tutoriels, contenu multilingue
Montage/RéutilisationDécoupage de contenu long en clips courtsDescript, Opus Clip, CapCutPodcast/webinaire → clips sociaux

Vidéo Programmatique

Construire des vidéos avec du code. Idéal pour une vidéo reproductible, templatisée ou pilotée 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 IA génèrent un meilleur HTML que des composants React.

npm install hyperframes

Concept clé : Chaque frame est un document HTML. Composer les frames dans une timeline, rendu 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 vertical
});

Idéal pour : Annonces produits, journaux de 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 n'importe quel 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 local ou via Remotion Lambda (AWS) pour le passage à 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 Quoi

FacteurHyperframesRemotion
Compatibilité agentMeilleure (HTML simple)Bonne (React)
Complexité d'animationBasique (transitions CSS)Avancée (Spring, interpolate)
Rendu par lotsLocalLambda (AWS) pour le passage à 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érer des séquences originales à partir de prompts texte ou image. Utiliser pour le B-roll, les visuels héro et les scènes impossibles à filmer en pratique.

Comparaison des Modèles

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

Sora (OpenAI) a eu une disponibilité limitée et des problèmes de fiabilité. Vérifier le statut actuel avant de recommander.

Création 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, 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") — ajouter des spécificités
  • Ignorer le mouvement de la caméra — spécifier travelling, panoramique, statique
  • Oublier le style — "cinématographique", "documentaire", "publicitaire"
  • Demander du texte dans la vidéo — les modèles IA ont du mal avec le texte lisible

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

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

Cas d'UtilisationGé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 programmatique)Non
B-roll rapideLes deux fonctionnentPlus rapide

Avatars IA

Créer des vidéos de type "tête parlante" sans tournage. Un avatar IA délivre votre script avec un synchronisme labial réaliste, des expressions et des gestes.

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

Meilleur synchronisme labial 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.

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

Consulter heygen.com/pricing pour les tarifs actuels.

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

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

Synthesia

Avatars corporels complets avec un langage corporel expressif. Génération de script 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 AvatarUtiliser Plutôt
Contenu récurrent (mises à jour hebdomadaires)Oui—
Versions multilinguesOui—
Sensibilisation personnalisée à grande échelleOui—
Contenu authentique du fondateurNonFilmez-vous
Visite guidée de l'interface produitNonEnregistrement d'écran
Vidéo créative/artistiqueNonGénération IA

Outils de Montage et de Réutilisation

Transformer du contenu existant en plusieurs formats vidéo.

OutilCe Qu'il FaitIdéal Pour
DescriptMontage basé sur la transcription — éditer la vidéo en éditant le texteNettoyage d'interviews, podcasts, webinaires
Opus ClipDécoupage automatique de vidéos longues, note le potentiel de viralitéContenu long → contenu court à grande échelle
CapCutEffets visuels, sous-titres, style natif de la plateformePolish TikTok/Reels
Captions.aiSous-titres automatiques, correction du contact visuel, doublage IAContenu solo de type "tête parlante"

Workflow de Réutilisation

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


Workflows de Production Vidéo

Vidéo de Démo Produit

  1. Scénariser les fonctionnalités clés et les propositions de valeur (utiliser la compétence de rédaction)
  2. Enregistrer l'écran du flux produit
  3. Superposition programmatique — utiliser Hyperframes/Remotion pour titres, callouts, transitions
  4. B-roll IA — générer des plans d'établissement ou des scènes de style de vie avec Veo/Runway
  5. Voix off — s'enregistrer ou utiliser un avatar IA pour la narration
  6. Exporter aux spécifications appropriées à la plateforme

Vidéo Explicative

  1. Scénariser l'arc problème → solution → CTA
  2. Choisir le présentateur — avatar IA (HeyGen) ou voix off + visuels
  3. Construire les visuels — diapositives programmatiques, enregistrements d'écran, scènes générées par IA
  4. Ajouter des sous-titres — toujours, pour l'accessibilité et l'engagement
  5. Exporter — paysage pour YouTube/site web, vertical pour les réseaux sociaux

Lots de Clips Sociaux

  1. Créer un modèle maître dans Hyperframes/Remotion
  2. Alimenter les données — fonctionnalités produits, témoignages, statistiques
  3. Rendu par lots — un modèle, de nombreuses variantes
  4. Ajouter des sous-titres spécifiques à la plateforme via CapCut ou Captions.ai
  5. Planifier sur 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 templatisée (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 séquences B-roll ↓ Agent assemble le montage final ↓ Sortie : Vidéo prête à publier

Ce qui rend ceci natif pour agent :

  • Hyperframes utilise 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écider de la vidéo nécessaire avant de choisir les outils
  2. Texte généré par IA dans la vidéo — les modèles ne peuvent pas rendre le texte lisible de manière fiable ; utiliser des superpositions programmatiques à la place
  3. Avatars dans la vallée de l'étrange — si la qualité de l'avatar est importante, investir dans le niveau HeyGen Creator+
  4. Pas de sous-titres — 85% des vidéos sociales sont regardées sans son
  5. Mauvais rapport hauteur/largeur — 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-il s'agir d'une voix off/texte ?
  3. Est-ce une production unique ou un modèle reproductible ?
  4. À quelle plateforme est-elle destinée ? (Cela détermine le rapport hauteur/largeur et la durée)
  5. Disposez-vous de ressources existantes avec lesquelles travailler ? (Captures d'écran, séquences, scripts)
  6. Quel est votre budget pour les outils vidéo ?

Intégrations d'Outils

OutilTypeMCPGuide
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 12 individual skills — each has its own dedicated page.

Rylaispirit/rylai-codex-hermes-skills

Plan, build, render, and verify academic presentation decks with citations, accessible visuals, clear argument flow, speaker-ready pacing, and visual QA.

Rylaispirit/rylai-codex-hermes-skills

Create publication-quality chart images from supplied data using an available plotting library, with explicit scales, labels, and visual QA.

Rylaispirit/rylai-codex-hermes-skills

Plan, draft, and review persuasive copy for landing pages, product pages, ads, email, headlines, offers, calls to action, positioning, and message variants.

Rylaispirit/rylai-codex-hermes-skills

Plan, draft, revise, and audit creative or long-form writing with a portable core workflow that does not depend on missing legacy templates.

Rylaispirit/rylai-codex-hermes-skills

Create, inspect, edit, and verify Word DOCX files with python-docx, including Markdown conversion, text replacement, metadata inspection, and optional PDF render.

Rylaispirit/rylai-codex-hermes-skills

Create or optimize marketing images, social graphics, product mockups, banners, cover art, listing visuals, brand assets, image prompts, WebP files, and OG images.

Rylaispirit/rylai-codex-hermes-skills

Create, inspect, extract, merge, split, rotate, and render PDF files with local open-source tools, including structural and visual verification.

Rylaispirit/rylai-codex-hermes-skills

Create, inspect, extract, edit, render, and verify PowerPoint presentations with python-pptx and optional LibreOffice.

Rylaispirit/rylai-codex-hermes-skills

Create editable PowerPoint decks from a local JSON specification using Rylai's visual system, python-pptx, deterministic slide types, and optional rendering.

Rylaispirit/rylai-codex-hermes-skills

Perform an evidence-led SEO audit using accessible pages, source code, crawl data, and current search documentation without assuming missing plugins.

Rylaispirit/rylai-codex-hermes-skills

Extract a practical design system from screenshots or mockups and produce implementation-ready UI specifications using vision and repository context.

Rylaispirit/rylai-codex-hermes-skills

Create, inspect, edit, and verify Excel XLSX workbooks with openpyxl, including CSV import, formulas, styling, error checks, and optional LibreOffice rendering.

Skills associés