Que fait Video Ninja ?
Compétence Saut — Orchestrateur maître qui achemine les tâches vidéo vers 79 compétences installées globalement provenant de 10 dépôts et une source bien connue, ainsi que les compétences d'édition Anatomy et DaVinci Resolve issues de dépôts synchronisés localement, plus une couche méthodologique distillée du pipeline My-Little-Studio.
Ce ninja achemine toute tâche vidéo vers les compétences installées ou synchronisées localement. C'est le point d'entrée obligatoire : lisez-le avant de choisir une compétence vidéo.
Pourquoi ce ninja existe
Les dix dépôts sources installés globalement couvrent le rendu, le traitement média, le craft, les frameworks, les bibliothèques d'animation, les styles artistiques et les sous-systèmes graphiques 3D, mais chacun est un silo. HyperFrames peut rendre une vidéo, mais n'a pas d'opinion sur la qualité. motion-video-kit a une doctrine de qualité, mais pas de moteur de rendu. Remotion est un framework alternatif, pas un plug-in pour HyperFrames. opus-video-skills apporte des looks distinctifs comme l'aquarelle et la typographie cinétique, mais pas la doctrine de craft des autres dépôts. ffmpeg-skill travaille sur des séquences existantes ; il ne construit pas de compositions à partir de zéro. gsap-skills enseigne les patterns GSAP corrects mais n'est pas un moteur vidéo. dotlottie-web gère les actifs Lottie mais ne les compose pas en vidéo. Le pack Three.js fournit des sous-systèmes graphiques 3D avancés, mais il ne planifie ni ne livre un film.
Ce ninja est la couche qui choisit et connecte ces compétences, et garde la trace de ce qui manque encore à l'écosystème.
La règle d'or
/hyperframesest le point d'entrée par défaut pour la création et la composition vidéo. Il choisit parmi les 10 workflows et charge les compétences métier selon les besoins. Pour les montages de séquences qui doivent être construits dans DaVinci Resolve Studio, utilisez la route optionnellevideo-editor-skillsà la place. Ce ninja ne remplace pas le routage d'HyperFrames ; il vous indique quelle couche utiliser et quand HyperFrames seul ne suffit pas.
Pour la création, l'animation, la composition et le rendu vidéo, commencez par /hyperframes. Pour un talking-head, un vlog ou une timeline de cours qui doit être construite dans Resolve Studio, utilisez la route protégée video-editor-skills. Les autres exceptions incluent Remotion, la capture d'écran, la doctrine de craft, les méthodes de pipeline et le steer YouTube Video dans references/youtube-video.md.
Les dépôts sources installés globalement
| Dépôt | Compétences | Couche | Statut |
|---|---|---|---|
heygen-com/hyperframes | 27 | Moteur de rendu + compétences métier | Installé, Apache-2.0 |
kajisho5/ffmpeg-skill | 1 (42 outils) | Traitement média | Installé, MIT |
echris6/motion-video-kit | 1 | Doctrine de qualité | Installé, MIT |
remotion-dev/skills | 12 | Framework alternatif | Installé |
Rieranthony/product-film-skill | 1 | Capture d'écran | Installé, MIT |
tugrawork-creator/saas-motion-kit | 1 | Variété et anti-répétition | Installé |
tuzhechen2005/opus-video-skills | 2 | Styles artistiques procéduraux | Installé, MIT |
greensock/gsap-skills | 8 | Compétences GSAP officielles : timelines, ScrollTrigger, plugins, React | Installé, MIT |
LottieFiles/dotlottie-web | 1 | Lecteur Lottie moderne : Rust+WASM, machines d'état, thèmes | Installé, MIT |
scottstts/Threejs-Awesome-Graphics-Agent-Skills | 24 | Sous-systèmes graphiques Three.js avancés | Installé par son propre installateur ; exclu de la synchronisation (~261 Mo), MIT |
La provenance des compétences installées globalement est enregistrée dans ~/.agents/.skill-lock.json. Le pack Three.js est l'exception : son propre installateur (npx threejs-awesome-graphics-agent-skills@latest install --agent universal) installe dans ~/.agents/skills/ sans entrée dans le fichier de verrouillage. fframes-video est installé séparément via fframes.studio.
Compétences sources synchronisées localement
| Dépôt | Compétence | Rôle | Licence |
|---|---|---|---|
wheresryan22/anatomy | anatomy | Figures techniques isométriques pour vidéos explicatives | MIT |
appariciojunior/video-editor-skills | 12 compétences | Montage de premier passage optionnel dans DaVinci Resolve Studio | CC BY-NC 4.0 ; usage non commercial uniquement |
Les deux sont déclarés dans le repos.md racine et synchronisés sous repos/video-ninja/ afin que le Ninja puisse charger leurs instructions lorsque nécessaire. Voir references/repos.md.
Bibliothèques de styles de films et kit de personnages
| Dépôt | Ce qu'il apporte | Comment le Ninja l'utilise | Licence |
|---|---|---|---|
lemomo-ai/lemo-opuscar | 66 styles de films réalisés en code, chacun avec un film de démonstration, un STYLE.md et un guide du réalisateur | Via la compétence lemo-opuscar (plugin Claude), qui conserve sa propre bibliothèque éparse dans ~/lemo-opuscar. Non synchronisé (~195 Mo) | Code MIT ; films de démonstration CC BY 4.0 |
Vincentwei1021/mg-styles-15 | 15 styles de motion-design avec prompt complet, source, moteur de rendu et grille d'évaluation | Checkout épars de prompts/, harness/ et lib/ à la demande. Non synchronisé (~1,2 Go) | MIT |
JohnHeibel/ClaudeAnimationBase | Kit de personnages peints à la main p5.brush : 31 émotions, vues, gestes, chapeaux, révision en planche contact | Synchronisé localement sous repos/video-ninja/ClaudeAnimationBase/ ; lisez son ANIMATION_GUIDE.md | MIT ; Clawd uniquement dans les vidéos sur Claude, sinon votre propre personnage |
Familles, styles, étapes d'installation et notes de licence : references/film-families-and-styles.md.
Compétence installée séparément
| Source | Compétence | Rôle | Installation |
|---|---|---|---|
fframes.studio | fframes-video | Moteur de rendu alternatif Rust/SVG avec GPU Skia, FFmpeg et QA lisible par agent | Bien connue, installée globalement |
Outils externes évalués non installés
| Source | Rôle | Quand le considérer | Statut |
|---|---|---|---|
m-bain/whisperX | ASR local avec timestamps au niveau du mot et diarisation | Travail de talking-head, interview ou podcast nécessitant le timing des mots ou l'identification des locuteurs | Backend optionnel ; non installé. Voir references/whisperx.md |
airbnb/lottie-web | Lecteur pour animations Lottie After Effects | Réutiliser un actif Lottie .json fourni par le projet dans une composition HyperFrames | Dépendance à la demande ; non installée par le Ninja. Voir references/lottie.md |
ManimCommunity/manim | Moteur Python pour l'animation mathématique | Vidéos explicatives mathématiques récurrentes qui justifient un autre moteur de rendu et un adaptateur | Évalué, non installé. Le tweet renvoie vers 3b1b/manim (ManimGL). Voir references/repos.md |
rive-app/rive-wasm | Animations interactives avec machines d'état natives | Le projet a des actifs .riv de Rive Editor, ou a besoin d'animations qui réagissent à l'état de l'application | Dépendance à la demande. Voir references/rive.md |
goldfire/howler.js | Contrôle audio web : sprites, fondus, audio spatial | Effets sonores avec timing précis, sprites audio, audio spatial 3D | Dépendance à la demande. Voir references/howler.md |
vercel/satori | JSX → SVG pour cartes de titre et vignettes | Générer en lot des cartes de titre, vignettes ou graphiques textuels à partir de données | Dépendance à la demande. Voir references/satori.md |
Anatomy produit un actif visuel ou une scène, pas la vidéo finie. Sa source est synchronisée à {{JUMP_SKILLS_DIR}}/repos/video-ninja/anatomy/ ; lisez le SKILL.md de ce dépôt lors du routage vers celle-ci. Construisez et inspectez la figure, puis apportez le résultat dans /hyperframes et suivez la doctrine de motion, composition et rendu. Si le chemin est manquant, traitez Anatomy comme indisponible et utilisez la solution de repli décrite dans references/anatomy.md.
Ne supposez pas que WhisperX ou Manim est installé ou disponible. Lottie est un format d'actif : chargez son lecteur uniquement lorsque le projet inclut déjà ce type d'animation.
Documentation de référence supplémentaire
Les outils suivants sont documentés dans le dossier de références pour une utilisation à la demande :
| Outil | Référence | Cas d'usage |
|---|---|---|
| Rive | references/rive.md | Animations interactives avec machines d'état ; alternative à Lottie lorsque le projet a des actifs .riv |
| Howler.js | references/howler.md | Contrôle audio web : sprites, fondus, audio spatial ; complète /hyperframes-audio |
| Satori | references/satori.md | JSX → SVG pour cartes de titre, vignettes, images OG ; génération en lot de graphiques textuels |
| YouTube Video | references/youtube-video.md | Talking-head brut monté en vidéo YouTube soignée avec motion graphics explicatifs |
Ces outils ne sont pas des compétences installées mais sont documentés pour lorsque leurs capacités spécifiques sont nécessaires. La ligne YouTube Video est un steer de pipeline, pas une bibliothèque.
Cinq autres steers de pipeline couvrent les outils d'actifs utilisés lors de la production de graphiques pour une composition : excalidraw.md (diagrammes dessinés à la main comme actifs vidéo), penpot.md (source de design open-source avec un MCP officiel), fontsource.md (polices auto-hébergées pour un rendu déterministe), lucide.md (ensemble d'icônes UI), et svgo.md (optimisation SVG compatible avec l'animation). Aucun d'eux n'installe une compétence.
Carte des moteurs
L'image source mélange les moteurs de composition, les frameworks de projet et un éditeur de fichiers. Utilisez ces distinctions avant de choisir un workflow :
| Moteur | Comment ça fonctionne | Quand le choisir | Statut dans le Ninja |
|---|---|---|---|
| HyperFrames | HTML/CSS/JS dans Chrome sans tête + FFmpeg | Nouvelles compositions, motion design et vidéo dirigée par agent | Par défaut, installé |
| ffmpeg-skill | Sonder → éditer → valider les fichiers existants | Couper, joindre, normalisation audio, multicam et livraison | Traitement, installé |
| fframes-video | Rust/SVG par image, GPU Skia, FFmpeg et CLI d'inspection | Rendu vectoriel à haut débit, travail par lots et révision automatisée | Moteur alternatif, installé |
| Remotion | React/TypeScript, rendu local ou Lambda | Projets React existants, ports de composition ou rendu distribué | Framework alternatif, installé |
| Motion Canvas / Revideo | Générateurs TypeScript ; Revideo ajoute un lecteur React, un rendu sans tête et des entrées dynamiques | Motion Canvas pour l'animation vectorielle basée sur un éditeur ; Revideo pour des modèles paramétrés et le rendu Node/sans serveur | Évalué ; aucune compétence installée |
| MoviePy | Clips Python, compositions et effets d'image | Pipelines Python pilotés par les données ou prototypes de composition | Évalué ; aucune compétence installée |
| Manim Community Edition | Python pour l'animation mathématique programmatique | Vidéos explicatives récurrentes sur les mathématiques, les graphiques ou la géométrie | Évalué ; aucune compétence ou adaptateur installé |
Ne présentez pas Motion Canvas, Revideo, MoviePy ou ManimCE comme des capacités installées tant qu'une compétence ne définit pas le routage, un contrat de rendu et une vérification. Si un projet utilise déjà l'un de ces outils, le Ninja peut le conserver et appliquer la même doctrine de motion, audio et validation.
Vérifiez la licence de Remotion avant la production : son code est disponible en source, et la licence gratuite couvre les individus et les organisations de jusqu'à trois personnes. Les équipes plus grandes ou l'utilisation automatisée peuvent nécessiter une licence entreprise. Ne le décrivez pas comme MIT ou open-source approuvé par l'OSI.
Routage
Étape 1 — S'agit-il réellement d'une tâche vidéo ?
Si ce n'est pas une tâche vidéo, ce ninja ne s'applique pas :
| Demande | Router vers |
|---|---|
| Site web/application | impeccable, apple-design |
| Animation UI uniquement (pas une vidéo) | animate, improve-animations (pack Emil Kowalski) |
| Copie marketing ou script uniquement | copywriting, social |
Étape 2 — Router par livrable
Laissez /hyperframes choisir parmi les 10 workflows. Sa table de priorité est faisant autorité. Ce ninja n'a besoin que d'identifier la couche à ajouter :
| Demande | Workflow | Couche Ninja supplémentaire |
|---|---|---|
| Légende sur talking-head | /embedded-captions | + /captions-overlay |
| Cartes en superposition sur podcast | /talking-head-recut | + /cut-the-curve |
| Promotion produit ou URL | /product-launch-video | + /motion-doctrine, /seam-craft, §Product launch |
| Vidéo de changelog hebdomadaire | /changelog-video | — |
| Enregistrement d'écran → démo | /product-film (compétence dédiée) | Voir §Remotion |
| Film d'entreprise (live action, IA, premium) | /business-motion-film | Voir §Doctrine |
| Promotion SaaS anti-répétition | /saas-motion-video | Voir §Doctrine |
| Dessin animé aquarelle / lyric vidéo karaoké | /painted-animation | Voir §Styles artistiques |
| Showreel / portfolio de typographie cinétique | /kinetic-reel | Voir §Styles artistiques |
| Vidéo explicative technique avec un mécanisme ou objet isométrique | Anatomy (lorsqu'il est synchronisé) | Lisez son SKILL.md local, construisez et inspectez SVG/HTML ; apportez l'actif dans /hyperframes pour la composition et le rendu. Voir references/anatomy.md |
| Montage de talking-head, vlog ou cours dans DaVinci Resolve Studio | video-editor-skills (lorsqu'il est synchronisé et que la licence le permet) | Lisez son skills/edit-video/SKILL.md local ; vérifiez le scripting Studio et l'usage commercial |