code-video-infinite

¿Qué hace code-video-infinite?

La imagen no se «genera», se «escribe». Aquí no hay modelos de generación de imagen/video: un video es una página web o un proyecto de Remotion. Se le da un tiempo t y dibuja ese fotograma; un navegador headless o Remotion renderiza fotograma a fotograma, y ffmpeg une audio y video. El sonido también se puede sintetizar con código. Por lo tanto, cada video se puede buscar, re-renderizar arbitrariamente, y modificar una versión sin que la anterior se desvíe.

Este skill es la fusión de cinco motores: una entrada, un flujo, tres compuertas. Cada motor conserva toda su documentación profunda y recursos.

0 · Antes de empezar, ejecuta estos dos comandos (30 segundos, no te los saltes)

node scripts/doctor.mjs          # Entorno: Node / ffmpeg / ffprobe / Python / Chrome / ¿están los cinco motores?
node scripts/find.mjs --stats    # Directorio: 880 recursos contados por fuente y colección

Si doctor muestra FAIL, primero arregla el entorno, luego hablamos de creación. Si falta Chrome, instala Chrome o npx playwright install chromium; en Windows, si npm está bloqueado por la política de ejecución, usa npm.cmd.

1 · Primero elige el motor, luego habla de estilo

El motor lo determina la necesidad del usuario, no la riqueza del catálogo. Un video usa solo un motor principal por defecto; el segundo motor solo se usa para obtener recursos.

¿Cómo es la necesidad?	Motor	¿En qué es fuerte?	Costo de salida de caja
Video promocional/de lanzamiento/de habilidades de 15–30 segundos, que tenga ritmo, movimiento de cámara y «no parezca PPT»	onetake	Compuesto de una sola HTML, desenfoque de movimiento real de obturador, sonido sintetizado, oráculo de ritmo y continuación	Python + Chrome; renderizado 4K60 lento (avisa primero)
Video promocional de producto, sensación cinematográfica, capturas web reales, narrativa multicámara, para editar en CapCut, para publicar en redes sociales	shotcraft	124 tarjetas de lente + plantilla Ink Press + captura de página real + selección de sonido de Freesound + estación de trabajo	Node + Remotion (instalación con npm); Remotion tiene licencia independiente
Necesitas formas concretas, materiales, objetos 3D, personajes y animales, dibujo a mano/papercraft, escenarios ejecutables directamente	claude-motion	47 casos de código fuente + 20 componentes fuente + 30 modelos de objetos + 14 escenarios iniciales, código fuente fiel, no etiquetas de estilo	Node ≥ 22 + Playwright Chromium + ffmpeg; gran volumen de recursos
Necesitas estilo MG (plano/línea/isométrico/renderizado 3D/fotograma a fotograma/collage/líquido/morfología/Bauhaus/Synthwave/vidrio/letras decorativas/pegatinas/píxel/HUD ciberpunk)	mg-motion	15 técnicas de firma verificables + 103 muestras de kit de sonido + 10 compuertas automáticas + dos rondas de revisión	Requiere Chrome (MG_CHROME) + ffmpeg + autoinstalación de fuentes
Solo necesitas el código fuente real de una acción, transición o efecto de texto, para usarlo en otro proyecto	wise-motion	462 entradas de efectos, vista previa, entrada al código fuente real y script de exportación	Solo entrega recursos, no diseña el video completo

Para detalles de enrutamiento, combinaciones inválidas y los límites explícitos de cada motor, consulta references/engine-selection.md.

Busca cualquier recurso con el mismo comando (a través de los cinco motores):

node scripts/find.mjs "HUD radar"
node scripts/find.mjs "café dibujo a mano" --limit 5
node scripts/find.mjs fade --source wise-motion
node scripts/find.mjs "título entrada" --collection shot-card --json

2 · Pipeline de seis etapas (orden fijo, se pueden eliminar etapas pero no saltar compuertas)

Etapa	¿Qué hacer?	Documentación profunda
0 Requisitos	Preguntar las especificaciones de entrega (duración/formato/fps/hay narración o subtítulos/idioma), fuente de los recursos, audiencia y lugar de publicación; preguntarlo todo de una vez, no pregunta por pregunta	references/pipeline.md §0
1 Referencia	Si hay un video de referencia, analizarlo: gráfico de energía, puntos de corte, proporción de quietud, t80 y desenfoque de movimiento (onetake analyze_ref.py); si no hay referencia, escribir un conjunto de objetivos numéricos verificables	references/motion-grammar.md
2 Concepto	Tres ideas centrales diferentes, el usuario elige una; al mismo tiempo, seleccionar por nombre el look/estilo, no aplicar un valor predeterminado en silencio	onetake §2 / mg-motion §2
3 Ritmo y continuación	Diseñar el storyboard con dos pilares: ritmo y continuación; no se permiten tomas de igual duración ni reemplazar un beat con el siguiente	references/motion-grammar.md
4 Recursos y tomas	Captura de página real / restauración de UI a partir de captura / modelos de objetos / tarjetas de lente / entradas de efectos; primero tomar el fragmento ejecutable más pequeño	ENGINE.md de cada motor
5 Implementación	Cada fotograma es una función pura del tiempo; las acciones se seleccionan de la biblioteca, las curvas se ajustan según t80; primero hacer fotogramas estáticos, luego el video completo	ENGINE.md de cada motor
6 Renderizado y entrega	Borrador 1080p30 → aprobación → 4K60/versión final; pasar las tres compuertas; informar según el contrato de entrega	references/delivery.md

3 · Reglas de hierro (fusionadas de los cinco motores, cada una es una lección aprendida)

1. Cada fotograma solo depende de t. Prohibido Date.now(), estado acumulado de rAF, animaciones CSS activadas por estado; usar semilla fija para pseudoaleatoriedad.
2. No confundas la historia de la plantilla con la historia del usuario. Concepto elegir entre tres; un nuevo video que usa una plantilla se leerá como la plantilla.
3. No lleves el look del video anterior al siguiente. El look/estilo debe ser seleccionado por nombre; no se permite un valor predeterminado en silencio.
4. No dividas por igual metrónomamente. Tomas de igual duración, por muy bien que esté cada plano, se leerán como diapositivas.
5. No reemplaces el beat, continúalo. En cada límite de párrafo debe haber algo que sobreviva y se mueva/escale visiblemente al siguiente párrafo; las escenas mutuamente excluyentes (display:none cambio de página) incluso con ritmo perfecto son PPT. Excepción: cortes duros y tarjetas finales.
6. El espacio en blanco es la condición para que el clímax aterrice. Aproximadamente 1/3 del tiempo del video de referencia está quieto; un video que nunca para = no tiene clímax.
7. Elementos pequeños, fondo grande. El encuadre de este tipo de videos suele ser 70% blanco/fondo de color; pantalla llena de recursos es la excepción, no la regla.
8. La causa debe ser visible. La mano se dibuja desde la trayectoria de grabación, la pelota cae, el punto se divide—la página que se mueve por sí sola se lee como protector de pantalla.
9. Los movimientos rápidos deben tener obturador. Más de ~80 px/fotograma sin desenfoque de movimiento produce parpadeo y doble imagen; usar el obturador del renderizador, no un blur CSS.
10. La cámara debe seguir al protagonista. Una cámara fija será evaluada como «le falta un seguimiento dinámico»; declarar inFrame para que la cámara tenga retraso, inclinación y estabilización.
11. Borrador a 1080p30. No renderizar a 4K60 sin edición aprobada.
12. No uses partículas/confeti/recortes como decoración. Se leerán como plantilla; si quieres algo llamativo, haz que las letras aterricen por sí mismas.
13. Sonido: una sala, un material. Cada evento con un sonido sintético = versión de audio de las diapositivas.
14. No falsifiques: una muestra no ejecutada no se llama reproducción; un video sin sonido no se llama video con sonido; pasar la prueba técnica no equivale a cumplir el estándar estético.

4 · Tres compuertas, ninguna puede faltar

Compuerta	¿Quién juzga?	¿Qué juzga?	¿Qué hacer si no pasa?
Compuerta automática	node scripts/qc.mjs gate <video>	Duración/formato/fps/hay pista de audio/LUFS/pico verdadero/fotogramas negros/proporción de fotogramas estáticos	Modificar el video y re-renderizar, no cambiar el estándar
Compuerta de fotogramas clave	Tú mismo con read_image	6–10 fotogramas clave ¿pueden funcionar como póster?: composición/profundidad/espacio en blanco/tipografía	Reorganizar el encuadre
Compuerta de revisión	Subagente independiente con contexto limpio	Puntuación en 7 dimensiones + lista de modificaciones con números de fotograma; después de modificar, revisar otra ronda	Modificar según el orden de impacto

La compuerta automática solo mide lo que la máquina puede medir; la estética se deja siempre a la revisión independiente, ya que la autoevaluación del creador tiene sesgo de confirmación. Las compuertas propias de cada motor (mg-qc.mjs, verify_promo.py, final-review.md, jury.md) tienen su uso y criterio en references/quality-gates.md.

5 · Sonido

• Objetivo: una sala, un material, número de eventos menor que el número de beats; música predeterminada solo usar pistas con licencia comercial y llevar un registro.
• Puntos de referencia comunes: −14 LUFS (redes sociales/web), −16 LUFS (largometraje/pódcast), pico verdadero ≤ −1 dBTP (después de la codificación AAC sube); para dejar más margen, ir a −3.5.
• Herramientas existentes de tres motores: onetake sfx_palette.py / score.py (síntesis + mezcla de grabación), mg-motion audio.py + 103 muestras, shotcraft sound-design.md + sfx-source.py (Freesound, CC0 por defecto).
• Detalles y límites de licencia en references/sound.md.

6 · Contrato de entrega

Cada video debe tener estos siete puntos (si falta uno, no está terminado): dos frases de concepto / beat sheet con código de tiempo / técnicas de firma correspondientes una por una / qué estilos se usaron y cómo se articularon / ruta técnica / cifras reales (duración, formato, fps, LUFS, pico verdadero, fotogramas negros, proporción estática) / top 3 debilidades honestas.

Entregables adicionales por motor: onetake: código fuente multilingüe (´?lang=´ sin bifurcación); claude-motion: ADAPTATION.md (conservación/reescritura/licencia/problemas no resueltos); shotcraft: estación de trabajo de efectos y proyecto de CapCut; mg-motion: directorio de versiones v1/ v2/. Consulta references/delivery.md.

7 · Mapa del directorio

Code-Video-Infinite.skill/
├── SKILL.md                  # Este archivo: enrutamiento + reglas de hierro + compuertas + entrega
├── README.md                 # Para humanos: qué son los cinco motores, cómo instalar, tabla de licencias
├── LICENSES.md               # Licencias por motor y declaraciones de terceros
├── references/               # Conocimiento compartido fusionado (nuevo en esta capa, solo juicios entre motores)
│   ├── engine-selection.md   # Matriz de decisión y límites
│   ├── pipeline.md           # Cada etapa del pipeline de seis etapas en profundidad
│   ├── motion-grammar.md     # Vocabulario unificado de ritmo/curvas/continuación/cámara
│   ├── sound.md              # Sonido y límites de licencia
│   ├── quality-gates.md      # Criterios de las tres compuertas
│   ├── delivery.md           # Contrato de entrega
│   ├── assets-and-licenses.md# Dónde están los recursos, si se pueden redistribuir
│   └── provenance.md         # Cinco fuentes, versiones, qué se fusionó
├── catalog/
│   ├── INDEX.md              # Lista de 880 recursos (generado)
│   ├── index.json            # Versión legible por máquina de los mismos datos
│   └── assets-index.json     # Lista de 537 recursos pesados
├── scripts/
│   ├── doctor.mjs            # Autodiagnóstico del entorno
│   ├── find.mjs              # Búsqueda entre motores
│   ├── qc.mjs                # Compuerta automática unificada (measure / gate / delegate)
│   ├── build-catalog.mjs     # Reconstrucción del índice
│   └── check-links.mjs       # Revisión de enlaces entre documentos
└── engines/                  # Los cinco motores conservados en su estado original (incluyendo sus documentos, recursos, licencias)
    ├── onetake/       ENGINE.md + lib/motion.js + scripts/ + looks/ + cases/
    ├── shotcraft/     ENGINE.md + references/shots(124) + template/ + demos/ + assets/
    ├── claude-motion/ ENGINE.md + references/*.json + assets/{cases,extensions,models,scenes}
    ├── mg-motion/     ENGINE.md + mg-styles-15/{harness,assets} + references/ + scripts/
    └── wise-motion/   ENGINE.md + catalog/registry.json + references/effects(462) + scripts/

8 · Cuándo leer cada archivo

Momento	Leer
No sabes qué motor usar	references/engine-selection.md
Vas a empezar, necesitas acciones y comandos específicos para cada etapa	references/pipeline.md
El ritmo no funciona, parece PPT, los movimientos son demasiado suaves/demasiado bruscos	references/motion-grammar.md
Narración/efectos de sonido/música/volumen	references/sound.md
El video está terminado, temes no pasar las compuertas	references/quality-gates.md
Vas a entregar, necesitas un informe, necesitas volver a modificar	references/delivery.md
Usas recursos de un motor, no estás seguro de si se pueden usar comercialmente	references/assets-and-licenses.md
Vas a actualizar un motor o preguntar por el origen	references/provenance.md
Profundidad de un motor (la única autoridad)	engines/<engine>/ENGINE.md y sus references/

9 · Licencias y límites de recursos (versión de una frase)

Los cinco motores tienen licencias diferentes, el repositorio fusionado no cambia las licencias individuales: onetake es PolyForm Noncommercial (gratuito para uso no comercial), wise-motion es Apache-2.0, claude-motion y su ascendente mg-styles-15 son MIT (los activos de terceros conservan sus propias licencias), shotcraft tiene su propia licencia y Remotion tiene una licencia independiente (el uso comercial por empresas requiere verificación). Las licencias de fuentes, modelos, efectos de sonido, BGM están registradas una por una en references/assets-and-licenses.md y en los archivos LICENSE / ATTRIBUTION / NOTICE de cada motor. Todos los nombres de marca son ficticios, no uses marcas reales.