notasimrazzaq/AI-Video-Editor

Créez une vidéo de motion graphics sans séquence : vidéo texte uniquement / script, vidéo de lancement produit, promo SaaS à partir de captures d'écran, un premier rendu test ou la démo des 10 mouvements (kits PROMPTS 02, 03, 08, 09, 10). À utiliser quand l'utilisateur fournit un script, une description produit, des captures d'écran d'application ou un brief et souhaite une vidéo animée créée de toutes pièces.

Qu'est-ce que AI-Video-Editor ?

Ce skill permet de générer des vidéos animées entièrement à partir de zéro, sans aucun métrage vidéo préexistant. Il s'appuie sur les bibliothèques `hyperframes-core` et `hyperframes-animation` et prend en charge cinq briefs distincts : un rendu de texte uniquement (PROMPT 08), un lancement produit (PROMPT 09), une promotion SaaS à partir de captures d'écran (PROMPT 10), un premier rendu de test (PROMPT 02) et une démonstration de 10 mouvements d'animation (PROMPT 03). Pour chaque brief, le skill définit les dimensions, la durée, la mise en page et le comportement de rendu. Par exemple, le brief texte utilise exactement les mots de l'utilisateur sans réécriture, le brief produit peut intégrer une image produit existante ou la générer en HTML/CSS, et le brief SaaS analyse d'abord chaque capture d'écran avant d'animer des zooms sur les éléments clés. Après le rendu, le skill exécute `npx hyperframes lint` et `npx hyperframes check`, puis sauvegarde la vidéo validée dans le dossier `exports/`. Il est compatible avec Claude Code, Cursor et d'autres agents d'IA sachant exécuter des commandes shell et manipuler des fichiers.

Compatible avec~Claude Code~Codex CLI~Cursor

npx skills add https://github.com/notasimrazzaq/AI-Video-Editor/tree/HEAD/.agents/skills/mg-from-scratch

Documentation

Vidéos à partir de zéro

Mécanique : chargez hyperframes-core + hyperframes-animation. Les routes amont qui correspondent également : faceless-explainer (texte), product-launch-video (produit/SaaS). Les briefs et règles de ce skill prévalent en cas de conflit.

Configuration

powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<nom>"                      # texte / produit
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<nom>" -Screenshots "<dossier>"  # promo SaaS

Photo produit → copiez-la dans projects/<nom>/product.png. Travaillez ensuite dans projects/<nom>/. Style : demandez s'il n'est pas fourni, puis appliquez le bloc de mg-styles. Sans style : cartons givrés blancs et nets sur un dégradé de lumière douce, Inter.

Briefs (remplissez les détails de l'utilisateur ; demandez les chiffres réels, sinon marquez les chiffres inventés comme exemples)

Texte uniquement (PROMPT 08) · défaut 1080x1920, 30 ips Utilisez exactement les mots de l'utilisateur, ne les réécrivez ni ne les raccourcissez jamais. Une phrase par écran, suffisamment grande pour un téléphone ; enveloppez les phrases longues sur 2-3 lignes sur le même écran. Chaque écran reste assez longtemps pour être lu (~0,35 s par mot, min 1,2 s). Tout le texte dans les 80 % centraux de la largeur. → renders/text.mp4

Lancement produit (PROMPT 09) · défaut 1920x1080, 30 ips, ~12 s Si product.png existe, utilisez-la comme héroïne, sinon construisez le produit en HTML/CSS (écran d'application, logo ou téléphone). 0–2 s logo/nom dévoilé → 2–9 s trois moments de fonctionnalité, chacun montrant le produit en action, pas seulement une phrase → 9–12 s carte de fin : nom, une courte ligne, CTA. → renders/product.mp4

Promotion SaaS (PROMPT 10) · défaut 1920x1080, 30 ips, ~60 s

Regardez d'abord chaque capture d'écran (visualisez les images) et décrivez ce que chacune montre.
Commencez par un accroche courte, puis chaque écran avec un zoom sur la partie qui compte (nombre, graphique, bouton) et une ligne courte expliquant ce que cela apporte au client.
Utilisez les captures d'écran telles quelles — ne les redessinez jamais.
Sensation cinétique : zooms et panoramiques rapides, mots grands et audacieux entre les écrans, coupes sur un rythme régulier.
Terminez par le logo, une ligne courte, CTA. → renders/promo.mp4

Premier rendu / test de fumée (PROMPT 02) · 1920x1080, 30 ips, 6 s Carte givrée sur dégradé violet→bleu : étiquette grise MON PREMIER RENDU, le nombre compte de 0 à 100 sur 2 s, pastille verte apparaît à 4 s. → renders/first.mp4

Démonstration des mouvements (PROMPT 03) · 1080x1920, 30 ips, 14 s Les 10 mouvements de mg-styles, ~1,3 s chacun, carte blanche sur fond sombre, nom du mouvement en petit au-dessus. → renders/moves.mp4

Finition

npx hyperframes lint → npx hyperframes check → captures d'écran aux moments clés (visualisez-les) → rendu → copiez le fichier approuvé dans exports/. Son : mg-sound. Variantes / transparent : mg-export.