Video Ninja
Habilidad de Salto — Orquestador maestro que enruta tareas de video a 79 habilidades instaladas globalmente de 10 repositorios y una fuente conocida, habilidades de Anatomy y DaVinci Resolve desde repositorios sincronizados localmente, más una capa de metodología destilada del pipeline My-Little-Studio.
Este ninja enruta cualquier tarea de video a las habilidades instaladas o sincronizadas localmente. Es el punto de entrada requerido: léelo antes de elegir una habilidad de video.
Por qué existe este ninja
Los diez repositorios fuente instalados globalmente cubren renderizado, procesamiento de medios, artesanía, frameworks, bibliotecas de animación, estilos artísticos y subsistemas de gráficos 3D, pero cada uno es un silo. HyperFrames puede renderizar video, pero no tiene opinión sobre la calidad. motion-video-kit tiene una doctrina de calidad, pero no renderizador. Remotion es un framework alternativo, no un plugin para HyperFrames. opus-video-skills trae looks distintivos como acuarela y tipografía cinética, pero no la doctrina de artesanía de los otros repositorios. ffmpeg-skill trabaja con metraje existente; no construye composiciones desde cero. gsap-skills enseña patrones correctos de GSAP pero no es un motor de video. dotlottie-web maneja activos de Lottie pero no los compone en video. El pack de Three.js suministra subsistemas avanzados de gráficos 3D, pero ni planifica ni entrega una película.
Este ninja es la capa que elige y conecta estas herramientas, y realiza un seguimiento de lo que aún falta en el ecosistema.
La regla de oro
/hyperframeses el punto de entrada predeterminado para la creación y composición de video. Elige entre los 10 flujos de trabajo y carga las habilidades de dominio según sea necesario. Para ediciones de metraje que deben construirse en DaVinci Resolve Studio, usa la ruta opcional devideo-editor-skillsen su lugar. Este ninja no reemplaza el enrutamiento de HyperFrames; te dice qué capa usar y cuándo HyperFrames solo no es suficiente.
Para creación, animación, composición y renderizado de video, comienza con /hyperframes. Para una línea de tiempo de presentador, vlog o clase que deba construirse en Resolve Studio, usa la ruta protegida video-editor-skills. Otras excepciones incluyen Remotion, captura de pantalla, doctrina de artesanía, métodos de pipeline y la guía de Video de YouTube en references/youtube-video.md.
Los repositorios fuente instalados globalmente
| Repositorio | Habilidades | Capa | Estado |
|---|---|---|---|
heygen-com/hyperframes | 27 | Renderizador + habilidades de dominio | Instalado, Apache-2.0 |
kajisho5/ffmpeg-skill | 1 (42 herramientas) | Procesamiento de medios | Instalado, MIT |
echris6/motion-video-kit | 1 | Doctrina de calidad | Instalado, MIT |
remotion-dev/skills | 12 | Framework alternativo | Instalado |
Rieranthony/product-film-skill | 1 | Captura de pantalla | Instalado, MIT |
tugrawork-creator/saas-motion-kit | 1 | Variedad y anti-repetición | Instalado |
tuzhechen2005/opus-video-skills | 2 | Estilos artísticos procedimentales | Instalado, MIT |
greensock/gsap-skills | 8 | Habilidades oficiales de GSAP: timelines, ScrollTrigger, plugins, React | Instalado, MIT |
LottieFiles/dotlottie-web | 1 | Reproductor Lottie moderno: Rust+WASM, máquinas de estado, temas | Instalado, MIT |
scottstts/Threejs-Awesome-Graphics-Agent-Skills | 24 | Subsistemas avanzados de gráficos Three.js | Instalado por su propio instalador; excluido de la sincronización (~261 MB), MIT |
La procedencia de las habilidades instaladas globalmente se registra en ~/.agents/.skill-lock.json. El pack de Three.js es la excepción: su propio instalador (npx threejs-awesome-graphics-agent-skills@latest install --agent universal) instala en ~/.agents/skills/ sin una entrada en el archivo de bloqueo. fframes-video se instala por separado a través de fframes.studio.
Habilidades fuente sincronizadas localmente
| Repositorio | Habilidad | Rol | Licencia |
|---|---|---|---|
wheresryan22/anatomy | anatomy | Figuras técnicas isométricas para explicadores | MIT |
appariciojunior/video-editor-skills | 12 habilidades | Edición de primer paso opcional en DaVinci Resolve Studio | CC BY-NC 4.0; solo uso no comercial |
Ambos se declaran en repos.md raíz y se sincronizan bajo repos/video-ninja/ para que el Ninja pueda cargar sus instrucciones cuando sea necesario. Ver references/repos.md.
Bibliotecas de estilos de películas y el kit de personajes
| Repositorio | Qué añade | Cómo lo usa el Ninja | Licencia |
|---|---|---|---|
lemomo-ai/lemo-opuscar | 66 estilos de películas hechos en código, cada uno con una película demo, STYLE.md y una guía del director | A través de la habilidad lemo-opuscar (plugin de Claude), que mantiene su propia biblioteca dispersa en ~/lemo-opuscar. No sincronizado (~195 MB) | Código MIT; películas demo CC BY 4.0 |
Vincentwei1021/mg-styles-15 | 15 estilos de diseño en movimiento con prompt completo, fuente, renderizador y rúbrica de revisión | Checkout disperso de prompts/, harness/ y lib/ bajo demanda. No sincronizado (~1.2 GB) | MIT |
JohnHeibel/ClaudeAnimationBase | Kit de personajes pintados a mano con p5.brush: 31 emociones, vistas, gestos, sombreros, revisión de hoja de contactos | Sincronizado localmente bajo repos/video-ninja/ClaudeAnimationBase/; lee su ANIMATION_GUIDE.md | MIT; Clawd solo en videos sobre Claude, de lo contrario tu propio personaje |
Familias, estilos, pasos de instalación y notas de licencia: references/film-families-and-styles.md.
Habilidad instalada por separado
| Fuente | Habilidad | Rol | Instalación |
|---|---|---|---|
fframes.studio | fframes-video | Renderizador alternativo Rust/SVG con GPU Skia, FFmpeg y control de calidad legible por agente | Conocido, instalado globalmente |
Herramientas externas evaluadas que no están instaladas
| Fuente | Rol | Cuándo considerarlo | Estado |
|---|---|---|---|
m-bain/whisperX | ASR local con marcas de tiempo a nivel de palabra y diarización | Trabajo de presentador, entrevista o podcast que necesita sincronización de palabras o identificación de hablantes | Backend opcional; no instalado. Ver references/whisperx.md |
airbnb/lottie-web | Reproductor de animaciones Lottie de After Effects | Reutilizar un activo .json Lottie proporcionado por el proyecto en una composición de HyperFrames | Dependencia bajo demanda; no instalada por el Ninja. Ver references/lottie.md |
ManimCommunity/manim | Motor Python para animación matemática | Explicadores recurrentes de matemáticas que justifican otro renderizador y adaptador | Evaluado, no instalado. El tweet enlaza a 3b1b/manim (ManimGL). Ver references/repos.md |
rive-app/rive-wasm | Animaciones interactivas con máquinas de estado nativas | El proyecto tiene activos .riv de Rive Editor, o necesita animaciones que reaccionen al estado de la aplicación | Dependencia bajo demanda. Ver references/rive.md |
goldfire/howler.js | Control de audio web: sprites, fundidos, audio espacial | Efectos de sonido con sincronización precisa, sprites de audio, audio posicional 3D | Dependencia bajo demanda. Ver references/howler.md |
vercel/satori | JSX → SVG para tarjetas de título y miniaturas | Generar por lotes tarjetas de título, miniaturas o gráficos con mucho texto a partir de datos | Dependencia bajo demanda. Ver references/satori.md |
Anatomy produce un activo visual o escena, no el video terminado. Su fuente se sincroniza en {{JUMP_SKILLS_DIR}}/repos/video-ninja/anatomy/; lee el SKILL.md de ese repositorio cuando se enrute a él. Construye e inspecciona la figura, luego trae la salida a /hyperframes y sigue la doctrina de movimiento, composición y renderizado. Si la ruta falta, trata Anatomy como no disponible y usa el fallback descrito en references/anatomy.md.
No asumas que WhisperX o Manim están instalados o disponibles. Lottie es un formato de activo: carga su reproductor solo cuando el proyecto ya incluye ese tipo de animación.
Documentación de referencia adicional
Las siguientes herramientas están documentadas en la carpeta de referencias para uso bajo demanda:
| Herramienta | Referencia | Caso de uso |
|---|---|---|
| Rive | references/rive.md | Animaciones interactivas con máquinas de estado; alternativa a Lottie cuando el proyecto tiene activos .riv |
| Howler.js | references/howler.md | Control de audio web: sprites, fundidos, audio espacial; complementa /hyperframes-audio |
| Satori | references/satori.md | JSX → SVG para tarjetas de título, miniaturas, imágenes OG; generación por lotes de gráficos de texto |
| Video de YouTube | references/youtube-video.md | Presentador en bruto editado en un video pulido de YouTube con gráficos en movimiento explicativos |
Estas herramientas no son habilidades instaladas, pero están documentadas para cuando se necesiten sus capacidades específicas. La fila de Video de YouTube es una guía de pipeline, no una biblioteca.
Cinco guías de pipeline más cubren herramientas de activos utilizadas durante la producción de gráficos para una composición: excalidraw.md (diagramas dibujados a mano como activos de video), penpot.md (fuente de diseño de código abierto con un MCP oficial), fontsource.md (fuentes auto-alojadas para renderizado determinista), lucide.md (conjunto de iconos de UI) y svgo.md (optimización de SVG segura para animación). Ninguno instala una habilidad.
Mapa de motores
La imagen fuente mezcla motores de composición, frameworks de proyecto y un editor de archivos. Usa estas distinciones antes de elegir un flujo de trabajo:
| Motor | Cómo funciona | Cuándo elegirlo | Estado en el Ninja |
|---|---|---|---|
| HyperFrames | HTML/CSS/JS en Chrome headless + FFmpeg | Nuevas composiciones, diseño en movimiento y video dirigido por agente | Predeterminado, instalado |
| ffmpeg-skill | Sondear → editar → validar archivos existentes | Cortar, unir, normalización de audio, multicámara y entrega | Procesamiento, instalado |
| fframes-video | Rust/SVG por fotograma, GPU Skia, FFmpeg y CLI de inspección | Renderizado vectorial de alto rendimiento, trabajo por lotes y revisión automatizada | Motor alternativo, instalado |
| Remotion | React/TypeScript, renderizado local o Lambda | Proyectos React existentes, puertos de composición o renderizado distribuido | Framework alternativo, instalado |
| Motion Canvas / Revideo | Generadores TypeScript; Revideo añade un reproductor React, renderizado headless y entradas dinámicas | Motion Canvas para animación vectorial basada en editor; Revideo para plantillas parametrizadas y renderizado Node/sin servidor | Evaluado; no hay habilidad instalada |
| MoviePy | Clips Python, composiciones y efectos de fotograma | Pipelines Python basados en datos o prototipos de composición | Evaluado; no hay habilidad instalada |
| Manim Community Edition | Python para animación matemática programática | Explicadores recurrentes sobre matemáticas, gráficos o geometría | Evaluado; no hay habilidad ni adaptador instalados |
No presentes Motion Canvas, Revideo, MoviePy o ManimCE como capacidades instaladas hasta que una habilidad defina enrutamiento, un contrato de renderizado y verificación. Si un proyecto ya usa una de estas herramientas, el Ninja puede mantenerla y aplicar la misma doctrina de movimiento, audio y validación.
Revisa la licencia de Remotion antes de la producción: su código está disponible como fuente, y la licencia gratuita cubre individuos y organizaciones de hasta tres personas. Equipos más grandes o uso automatizado pueden requerir una Licencia de Compañía. No lo describas como MIT o de código abierto aprobado por OSI.
Enrutamiento
Paso 1 — ¿Esto es realmente una tarea de video?
Si no es una tarea de video, este ninja no aplica:
| Solicitud | Enrutar a |
|---|---|
| Sitio web/app | impeccable, apple-design |
| Solo animación de UI (no un video) | animate, improve-animations (pack de Emil Kowalski) |
| Solo copia de marketing o guión | copywriting, social |
Paso 2 — Enrutar por entregable
Deja que /hyperframes elija entre los 10 flujos de trabajo. Su tabla de prioridades es autorizada. Este ninja solo necesita identificar la capa a añadir:
| Solicitud | Flujo de trabajo | Capa adicional del Ninja |
|---|---|---|
| Leyenda en presentador | /embedded-captions | + /captions-overlay |
| Tarjetas de superposición en podcast | /talking-head-recut | + /cut-the-curve |
| Promo de producto o URL | /product-launch-video | + /motion-doctrine, /seam-craft, §Lanzamiento de producto |
| Video semanal de novedades | /changelog-video | — |
| Grabación de pantalla → demo | /product-film (habilidad dedicada) | Ver §Remotion |
| Película empresarial (acción real, IA, premium) | /business-motion-film | Ver §Doctrina |
| Promo SaaS anti-repetición | /saas-motion-video | Ver §Doctrina |
| Dibujo animado acuarela / video de letras karaoke | /painted-animation | Ver §Estilos artísticos |
| Reel de portfolio de tipografía cinética | /kinetic-reel | Ver §Estilos artísticos |
| Explicador técnico con un mecanismo u objeto isométrico | Anatomy (cuando está sincronizado) | Lee su SKILL.md local, construye e inspecciona SVG/HTML; trae el activo a /hyperframes para composición y renderizado. Ver references/anatomy.md |
| Edición de presentador, vlog o clase en DaVinci Resolve Studio | video-editor-skills (cuando está sincronizado y la licencia lo permite) | Lee su skills/edit-video/SKILL.md local; verifica scripts de Studio y el uso comercial |