Estudio de vídeo: por dónde empezar
Fecha: 2026-10-22 · Tipo: guía · Estado: vigente
Resumen: enrutador de vídeo. Indica en qué orden trabajar, qué motor usar y qué skill seguir para cada tipo de pieza. El método completo está en video-do-zero; los números (resorte, cámara, volumen, render) residen solo en reglas.md.
Antes de animar cualquier cosa
- Acuerda lo "listo" (formato, duración, dónde se publicará) y abre el proyecto en
04-proyectos/AAAA-MM-DD-tema/con la lista de verificación del video-do-zero en elREADME.md. - Audio aprobado primero. La narración, si la hay, es aprobada por el dueño antes de la edición: todo lo demás se sincroniza con ella.
- Referencias antes de producir: sigue la skill video-referencias. Busca primero en
03-referencias/(cómo funciona) y en la05-biblioteca/. - Identidad del vídeo extraída del tema, y dirección decidida antes de animar: references/identidad.md y references/direccion.md.
- Briefing y storyboard aprobados (sección a continuación).
Elegir el motor
Revisa lo que está instalado en 02-herramientas/ (modelo de los docs) antes de decidir.
| Motor | Cuándo | Cómo lo usa el agente |
|---|---|---|
| After Effects | acabado fino: resortes, cámara 3D, transiciones, efectos | Si el Motion Kit AE está instalado (gratuito en clubedomotion.com/kit-ae), usa las herramientas y su skill: ver la composición como hoja de cuadros, revisar el movimiento ("¿humano o robotizado?"), aplicar las operaciones listas de resorte, morph, entrada, salida y cámara viva, posicionar efectos de sonido y renderizar. Sin el kit, ExtendScript y expresiones |
| EffectCraft | alternativa gratuita y abierta a After Effects | servidor MCP effectcraft: command_list para encontrar el comando, command_run para ejecutar, render_preview para previsualizar |
| HyperFrames | vídeo en HTML/GSAP: pantallas, texto animado, piezas en serie | npx skills add heygen-com/hyperframes; empieza por la skill hyperframes |
| Remotion | vídeo en React, componentes reutilizables | npx skills add remotion-dev/skills; skill remotion-best-practices |
Partes pueden nacer en código (HyperFrames o Remotion) y ser finalizadas en After Effects o EffectCraft. En cualquier motor, mira el cuadro renderizado antes de decir que está listo: el resultado de la herramienta no es prueba.
Elegir la receta
| Pedido | Skill |
|---|---|
| Cualquier vídeo con motion | video-referencias ante todo |
| Narrado: explicativo, tutorial, anuncio con voz | motion-narrado |
| Producto, software, lanzamiento, "presentando", demo | animacion-saas (narrado: se suma con motion-narrado) |
| Pantalla de app o sitio recreada dentro del vídeo | ui-para-video |
| Pista, efectos, mezcla | sonido-del-video |
| Ver un vídeo (referencia, competidor) | skill watch |
| Bruto con habla | uv run scripts/video/cortar_pausas.py corta pausas; uv run scripts/video/generar_subtitulos.py genera el subtítulo |
Briefing y storyboard antes de animar
El briefing va en el README.md del proyecto, siempre en estas secciones:
- objetivo y entrega (formato, cuadros por segundo, duración, proyecto editable);
- lenguaje visual (colores en hex, fuente, reglas de composición);
- assets y de dónde viene cada uno;
- secuencia con el tiempo de cada escena;
- reglas de movimiento;
- sonido como reloj (golpes, drop, habla);
- cómo se verificará el render.
El storyboard (cuadros estáticos o tabla escena → tiempo → qué entra) se aprueba antes de animar. Antes de inventar una salida de escena, consulta el catálogo abierto en references/salidas-y-trucos.md.
Ver rápido, entregar una vez
- Previsualización en cada ajuste (media resolución, sin desenfoque de movimiento) para verificar montaje, tiempo y sonido. La previsualización nunca se entrega.
- Final una vez. Después de un ajuste, rehaz solo el tramo que cambió.
- Sonido en paralelo: con la primera previsualización lista, el sonido puede avanzar solo por los eventos de la animación (
uv run scripts/sonido/sonido.py --eventos eventos.json ...). Detalles ensonido-del-video.
Revisar
uv run scripts/video/detectar_saltos.py render/final.mp4: todo salto restante debe ser corte intencionado.uv run scripts/video/ojo_cuadro_a_cuadro.py comparacontra la referencia: curvas del original y de la recreación en el mismo gráfico.- Original arriba, nuestro abajo, en el tamaño del celular. La pregunta: "¿el original grita más?" (contraste, tamaño, peso del texto). Si es así, aún no lo superó.
- Registra en el
README.mddel proyecto y en una anotación. El número que funcionó va a reglas.md.