Was macht Video Ninja?
Jump Skill – Meisterorchestrator, der Videoaufgaben an 79 weltweit installierte Fähigkeiten aus 10 Repositories und einer bekannten Quelle, Anatomie- und DaVinci Resolve-Bearbeitungsfähigkeiten aus lokal synchronisierten Repositories sowie eine Methodikschicht, die aus der My-Little-Studio-Pipeline destilliert wurde, weiterleitet.
Dieser Ninja leitet jede Videoaufgabe an die installierten oder lokal synchronisierten Fähigkeiten weiter. Er ist der erforderliche Einstiegspunkt: Lesen Sie dies, bevor Sie eine Videofähigkeit auswählen.
Warum dieser Ninja existiert
Die zehn weltweit installierten Quell-Repositories decken Rendering, Medienverarbeitung, Handwerk, Frameworks, Animationsbibliotheken, Kunststile und 3D-Grafiksubsysteme ab, aber jedes ist ein Silo. HyperFrames kann Videos rendern, hat aber keine Meinung zur Qualität. motion-video-kit hat eine Qualitäts- doktrin, aber keinen Renderer. Remotion ist ein alternatives Framework, kein Plug-in für HyperFrames. opus-video-skills bringt unverwechselbare Looks wie Aquarell und kinetische Typografie, aber nicht die Handwerksdoktrin der anderen Repositories. ffmpeg-skill arbeitet mit vorhandenem Filmmaterial; es erstellt keine Kompositionen von Grund auf. gsap-skills lehrt korrekte GSAP-Muster, ist aber keine Video-Engine. dotlottie-web verarbeitet Lottie-Assets, aber setzt sie nicht zu einem Video zusammen. Das Three.js-Paket liefert fortgeschrittene 3D-Grafiksubsysteme, aber plant und liefert keinen Film.
Dieser Ninja ist die Schicht, die sie auswählt und verbindet und den Überblick darüber behält, was dem Ökosystem noch fehlt.
Die goldene Regel
/hyperframesist der Standardeinstiegspunkt für Videoerstellung und -komposition. Er wählt zwischen den 10 Workflows aus und lädt bei Bedarf Bereichsfähigkeiten. Für Filmbearbeitungen, die in DaVinci Resolve Studio erstellt werden müssen, verwenden Sie stattdessen die optionale Routevideo-editor-skills. Dieser Ninja ersetzt nicht das HyperFrames-Routing; er sagt Ihnen, welche Schicht Sie verwenden sollen und wann HyperFrames allein nicht ausreicht.
Beginnen Sie für Videoerstellung, Animation, Komposition und Rendering mit /hyperframes. Für einen
Talking-Head, Vlog oder Klassen-Zeitstrahl, der in Resolve Studio erstellt werden soll, verwenden Sie die geschützte
Route video-editor-skills. Weitere Ausnahmen umfassen Remotion, Bildschirmaufnahme, Handwerksdoktrin,
Pipeline-Methoden und die YouTube-Video-Steuerung in references/youtube-video.md.
Die weltweit installierten Quell-Repositories
| Repository | Fähigkeiten | Schicht | Status |
|---|---|---|---|
heygen-com/hyperframes | 27 | Renderer + Bereichsfähigkeiten | Installiert, Apache-2.0 |
kajisho5/ffmpeg-skill | 1 (42 Werkzeuge) | Medienverarbeitung | Installiert, MIT |
echris6/motion-video-kit | 1 | Qualitätsdoktrin | Installiert, MIT |
remotion-dev/skills | 12 | Alternatives Framework | Installiert |
Rieranthony/product-film-skill | 1 | Bildschirmaufnahme | Installiert, MIT |
tugrawork-creator/saas-motion-kit | 1 | Abwechslung und Anti-Wiederholung | Installiert |
tuzhechen2005/opus-video-skills | 2 | Prozedurale Kunststile | Installiert, MIT |
greensock/gsap-skills | 8 | Offizielle GSAP-Fähigkeiten: Timelines, ScrollTrigger, Plugins, React | Installiert, MIT |
LottieFiles/dotlottie-web | 1 | Moderner Lottie-Player: Rust+WASM, Zustandsmaschinen, Themes | Installiert, MIT |
scottstts/Threejs-Awesome-Graphics-Agent-Skills | 24 | Fortgeschrittene Three.js-Grafiksubsysteme | Installiert durch eigenen Installer; von Synchronisation ausgeschlossen (~261 MB), MIT |
Die Herkunft global installierter Fähigkeiten wird in ~/.agents/.skill-lock.json aufgezeichnet. Das Three.js-Paket
ist die Ausnahme: Sein eigener Installer (npx threejs-awesome-graphics-agent-skills@latest install --agent universal) installiert in ~/.agents/skills/ ohne Lockfile-Eintrag. fframes-video wird
separat über fframes.studio installiert.
Lokal synchronisierte Quell-Fähigkeiten
| Repository | Fähigkeit | Rolle | Lizenz |
|---|---|---|---|
wheresryan22/anatomy | anatomy | Isometrische technische Figuren für Erklärvideos | MIT |
appariciojunior/video-editor-skills | 12 Fähigkeiten | Optionale Erstbearbeitung in DaVinci Resolve Studio | CC BY-NC 4.0; nur nicht-kommerzielle Nutzung |
Beide sind in der Wurzel repos.md deklariert und unter repos/video-ninja/ synchronisiert, sodass der Ninja
bei Bedarf ihre Anweisungen laden kann. Siehe references/repos.md.
Filmstil-Bibliotheken und das Charakterkit
| Repository | Was hinzugefügt wird | Wie der Ninja es verwendet | Lizenz |
|---|---|---|---|
lemomo-ai/lemo-opuscar | 66 in Code erstellte Filmstile, jeder mit einem Demofilm, STYLE.md und einem Regisseur-Leitfaden | Über die lemo-opuscar-Fähigkeit (Claude-Plugin), die ihre eigene spärliche Bibliothek in ~/lemo-opuscar führt. Nicht synchronisiert (~195 MB) | MIT-Code; Demofilme CC BY 4.0 |
Vincentwei1021/mg-styles-15 | 15 Bewegungsdesign-Stile mit vollständigem Prompt, Quelle, Renderer und Überprüfungsrubrik | Spärlicher Checkout von prompts/, harness/ und lib/ bei Bedarf. Nicht synchronisiert (~1,2 GB) | MIT |
JohnHeibel/ClaudeAnimationBase | p5.brush handgemaltes Charakterkit: 31 Emotionen, Ansichten, Gesten, Hüte, Kontaktabzug-Überprüfung | Lokal unter repos/video-ninja/ClaudeAnimationBase/ synchronisiert; lesen Sie dessen ANIMATION_GUIDE.md | MIT; Clawd nur in Videos über Claude, ansonsten Ihr eigener Charakter |
Familien, Stile, Installationsschritte und Lizenzhinweise: references/film-families-and-styles.md.
Separat installierte Fähigkeit
| Quelle | Fähigkeit | Rolle | Installation |
|---|---|---|---|
fframes.studio | fframes-video | Alternativer Rust/SVG-Renderer mit Skia GPU, FFmpeg und agentenlesbarer Qualitätssicherung | Bekannt, global installiert |
Bewertete externe Werkzeuge, die nicht installiert sind
| Quelle | Rolle | Wann zu berücksichtigen | Status |
|---|---|---|---|
m-bain/whisperX | Lokales ASR mit Wort-Zeitstempeln und Diarisierung | Talking-Head-, Interview- oder Podcast-Arbeit, die Wort-Timing oder Sprecheridentifikation benötigt | Optionales Backend; nicht installiert. Siehe references/whisperx.md |
airbnb/lottie-web | Player für After Effects Lottie-Animationen | Wiederverwendung eines projektspezifischen .json Lottie-Assets in einer HyperFrames-Komposition | On-Demand-Abhängigkeit; nicht vom Ninja installiert. Siehe references/lottie.md |
ManimCommunity/manim | Python-Engine für mathematische Animationen | Wiederkehrende mathematische Erklärer, die einen weiteren Renderer und Adapter rechtfertigen | Bewertet, nicht installiert. Der Tweet verlinkt auf 3b1b/manim (ManimGL). Siehe references/repos.md |
rive-app/rive-wasm | Interaktive Animationen mit nativen Zustandsmaschinen | Projekt hat .riv-Assets aus Rive Editor oder benötigt Animationen, die auf App-Zustand reagieren | On-Demand-Abhängigkeit. Siehe references/rive.md |
goldfire/howler.js | Web-Audio-Steuerung: Sprites, Fades, räumliches Audio | Soundeffekte mit präzisem Timing, Audio-Sprites, 3D-positionellem Audio | On-Demand-Abhängigkeit. Siehe references/howler.md |
vercel/satori | JSX → SVG für Titelbilder und Thumbnails | Stapelweise Generierung von Titelbildern, Thumbnails oder textlastigen Grafiken aus Daten | On-Demand-Abhängigkeit. Siehe references/satori.md |
Anatomy produziert ein visuelles Asset oder eine Szene, nicht das fertige Video. Seine Quelle ist synchronisiert unter
{{JUMP_SKILLS_DIR}}/repos/video-ninja/anatomy/; lesen Sie die SKILL.md dieses Repositories, wenn Sie dorthin
leiten. Erstellen und inspizieren Sie die Figur, bringen Sie dann die Ausgabe in /hyperframes und befolgen Sie die Bewegungs-,
Kompositions- und Rendering-Doktrin. Wenn der Pfad fehlt, behandeln Sie Anatomy als nicht verfügbar und verwenden Sie
den in references/anatomy.md beschriebenen Fallback.
Gehen Sie nicht davon aus, dass WhisperX oder Manim installiert oder verfügbar ist. Lottie ist ein Asset-Format: Laden Sie seinen Player nur, wenn das Projekt diese Art von Animation bereits enthält.
Zusätzliche Referenzdokumentation
Die folgenden Werkzeuge sind im Referenzen-Ordner für den On-Demand-Einsatz dokumentiert:
| Werkzeug | Referenz | Anwendungsfall |
|---|---|---|
| Rive | references/rive.md | Interaktive Animationen mit Zustandsmaschinen; Alternative zu Lottie, wenn das Projekt .riv-Assets hat |
| Howler.js | references/howler.md | Web-Audio-Steuerung: Sprites, Fades, räumliches Audio; ergänzt /hyperframes-audio |
| Satori | references/satori.md | JSX → SVG für Titelbilder, Thumbnails, OG-Bilder; Batch-Generierung von Textgrafiken |
| YouTube Video | references/youtube-video.md | Roher Talking-Head, bearbeitet zu einem polierten YouTube-Video mit erklärenden Bewegungsgrafiken |
Diese Werkzeuge sind keine installierten Fähigkeiten, aber für den Fall dokumentiert, dass ihre spezifischen Funktionen benötigt werden. Die YouTube-Video-Zeile ist eine Pipeline-Steuerung, keine Bibliothek.
Fünf weitere Pipeline-Steuerungen decken Asset-Werkzeuge ab, die bei der Erstellung von Grafiken für eine Komposition verwendet werden: excalidraw.md (handgezeichnete Diagramme als Video-Assets), penpot.md (Open-Source-Designquelle mit einem offiziellen MCP), fontsource.md (selbst gehostete Schriftarten für deterministisches Rendern), lucide.md (UI-Symbolsatz), und svgo.md (animationssichere SVG-Optimierung). Keines davon installiert eine Fähigkeit.
Engine-Karte
Das Quellbild mischt Kompositions-Engines, Projekt-Frameworks und einen Datei-Editor. Verwenden Sie diese Unterscheidungen, bevor Sie einen Workflow auswählen:
| Engine | Wie es funktioniert | Wann zu wählen | Status im Ninja |
|---|---|---|---|
| HyperFrames | HTML/CSS/JS in Headless Chrome + FFmpeg | Neue Kompositionen, Bewegungsdesign und agentengesteuertes Video | Standard, installiert |
| ffmpeg-skill | Untersuchen → Bearbeiten → Validieren vorhandener Dateien | Schneiden, Zusammenfügen, Audio-Normalisierung, Multikamera und Auslieferung | Verarbeitung, installiert |
| fframes-video | Pro-Frame Rust/SVG, Skia GPU, FFmpeg und Inspektions-CLI | Hochdurchsatz-Vektor-Rendering, Batch-Verarbeitung und automatisierte Überprüfung | Alternative Engine, installiert |
| Remotion | React/TypeScript, lokales oder Lambda-Rendering | Vorhandene React-Projekte, Kompositions-Ports oder verteiltes Rendering | Alternatives Framework, installiert |
| Motion Canvas / Revideo | TypeScript-Generatoren; Revideo fügt einen React-Player, Headless-Rendering und dynamische Eingaben hinzu | Motion Canvas für editorbasierte Vektor-Animation; Revideo für parametrisierte Vorlagen und Node/serverloses Rendering | Bewertet; keine Fähigkeit installiert |
| MoviePy | Python-Clips, Kompositionen und Frame-Effekte | Datengesteuerte Python-Pipelines oder Kompositions-Prototypen | Bewertet; keine Fähigkeit installiert |
| Manim Community Edition | Python für programmatische Mathematik-Animation | Wiederkehrende Erklärer über Mathematik, Diagramme oder Geometrie | Bewertet; keine Fähigkeit oder Adapter installiert |
Stellen Sie Motion Canvas, Revideo, MoviePy oder ManimCE nicht als installierte Fähigkeiten dar, bis eine Fähigkeit Routing, einen Render-Vertrag und Verifizierung definiert. Wenn ein Projekt bereits eines dieser Werkzeuge verwendet, kann der Ninja es beibehalten und dieselbe Bewegungs-, Audio- und Validierungsdoktrin anwenden.
Überprüfen Sie vor der Produktion die Lizenz von Remotion: Sein Code ist quellverfügbar und die kostenlose Lizenz deckt Einzelpersonen und Organisationen mit bis zu drei Personen ab. Größere Teams oder automatisierte Nutzung erfordern möglicherweise eine Unternehmenslizenz. Beschreiben Sie es nicht als MIT oder OSI-zertifizierte Open-Source.
Routing
Schritt 1 – Ist dies überhaupt eine Videoaufgabe?
Wenn es keine Videoaufgabe ist, gilt dieser Ninja nicht:
| Anfrage | Route zu |
|---|---|
| Website/App | impeccable, apple-design |
| Nur UI-Animation (kein Video) | animate, improve-animations (Emil-Kowalski-Paket) |
| Nur Marketing-Text oder Drehbuch | copywriting, social |
Schritt 2 – Nach Liefergegenstand routen
Lassen Sie /hyperframes zwischen den 10 Workflows wählen. Seine Prioritätstabelle ist maßgeblich. Dieser Ninja
muss nur die Schicht identifizieren, die hinzugefügt werden soll:
| Anfrage | Workflow | Zusätzliche Ninja-Schicht |
|---|---|---|
| Untertitel im Talking-Head | /embedded-captions | + /captions-overlay |
| Overlay-Karten im Podcast | /talking-head-recut | + /cut-the-curve |
| Produkt- oder URL-Promo | /product-launch-video | + /motion-doctrine, /seam-craft, §Produkteinführung |
| Wöchentliches Changelog-Video | /changelog-video | — |
| Bildschirmaufnahme → Demo | /product-film (dedizierte Fähigkeit) | Siehe §Remotion |
| Business-Film (Live-Action, KI, Premium) | /business-motion-film | Siehe §Doktrin |
| Anti-Wiederholungs-SaaS-Promo | /saas-motion-video | Siehe §Doktrin |
| Aquarell-Cartoon / Karaoke-Lyric-Video | /painted-animation | Siehe §Kunststile |
| Kinetischer Typografie-Showreel / Portfolio | /kinetic-reel | Siehe §Kunststile |
| Technischer Erklärer mit einem isometrischen Mechanismus oder Objekt | Anatomie (wenn synchronisiert) | Lesen Sie dessen lokale SKILL.md, erstellen und inspizieren Sie SVG/HTML; bringen Sie das Asset in /hyperframes für Komposition und Rendering. Siehe references/anatomy.md |
| Talking-Head-, Vlog- oder Kurs-Bearbeitung in DaVinci Resolve Studio | video-editor-skills (wenn synchronisiert und Lizenz es erlaubt) | Lesen Sie dessen lokale skills/edit-video/SKILL.md; überprüfen Sie Studio-Scripting und die kommerzielle Nutzung... |
[abgeschnitten für Übersetzung]