nonstop-motion

Nonstop Motion

Convierte un tema en un video vertical de gráficos en movimiento de 15 a 40 segundos que:

1. Detiene el desplazamiento en los primeros 0.5 segundos (el fotograma 0 ya muestra el gancho, nunca un fundido desde negro).
2. Nunca se queda quieto. Tres capas de movimiento están activas en todo momento (cámara, ambiente, contenido).
3. Se mueve rápido pero se mantiene legible. La duración de cada ritmo se calcula en función de la cantidad de palabras que tiene, de modo que cada línea permanezca en pantalla el tiempo suficiente para leerse y no más.
4. Se adapta a cualquier tema. Los ritmos son genéricos (gancho, estadística, lista, comparar, interfaz, chat, diálogo…). Cuatro temas y tres tempos cubren contenido de tecnología, finanzas, educación, comedia, producto e historias.

Cada video se compone de dos capas:

• Detrás: un mundo 3D low-poly con tres escenarios (escritorio, azotea, escenario), la mascota 3D Blip y 14 tomas de cámara cinematográficas (zoom instantáneo, dolly-zoom vértigo, látigo, grúa, holandesa, órbita…). Cada ritmo obtiene su propia toma.
• Delante: tipografía cinética, ventanas de interfaz, chat, anillos de estadísticas, listas y golpes a pantalla completa.
• Sonido: música original generada. Cada corte cae en un golpe de bombo, la cámara golpea en cada tiempo y los efectos de sonido impactan en los cortes.

El motor es un proyecto Remotion en template/. No escribes código de animación para un video normal. Escribes scripts/<slug>.json y luego renderizas.

---

Flujo de trabajo (sigue en orden)

1. Brief (pregunta solo lo que no puedas inferir)

• Tema + la única conclusión que el espectador debe llevarse (una sola frase).
• Audiencia + idioma. Escribe en el idioma en el que publica el creador, incluyendo jerga, por ejemplo, español coloquial "tío/tía".
• Objetivo → CTA: seguir (serie), guardar (lista útil), compartir (relacionable), comentar (opinión o pregunta).
• Nicho → tema + tempo. Consulta references/adaptation.md.

2. Elige una estructura

Elige un arquetipo de references/adaptation.md (Problema→Giro, Mito→Verdad, Historia/POV, Lista, Versus, Número primero, Acumulación→Remate), luego asígnalo a ritmos. Apunta a 6–10 ritmos, 18–35 s.

3. Escribe el guion de ritmos

Lee references/beats.md para conocer todos los campos de cada ritmo. Reglas estrictas:

• El ritmo 1 es siempre hook, con un máximo de 8 palabras, que genere una brecha de curiosidad o tensión (fórmulas en references/retention.md).
• Una idea por ritmo. Mantén los ritmos de texto en 12 palabras o menos. Si una línea es más larga, divídela en dos ritmos; el ritmo rápido proviene de más ritmos, no de más palabras.
• Marca un énfasis por ritmo con *asteriscos*. Se renderiza en el color de acento con un barrido de marcador, y la mirada del espectador va allí primero.
• Cambia el tipo de ritmo al menos cada 2 ritmos. Nunca pongas 3 del mismo tipo seguidos. Usa un punch o stat como interrupción de patrón aproximadamente cada 3–4 ritmos.
• Muestra, no describas. Si el tema involucra software, usa ui. Una conversación va en chat, los números en stat, y A-vs-B en compare.
• El último ritmo es cta. Su CTA debe coincidir con el objetivo del paso 1.
• Nunca inventes hechos. Marca los números de ejemplo como ejemplos ("ej.", "p. ej.") o usa cifras reales con fuente.

4. Revisa, renderiza, control de calidad

template/ se encuentra junto a este SKILL.md. En el primer uso, si template/node_modules no existe, ejecuta npm install allí (tarda ~1 min).

cd template
npm install                                    # solo la primera vez
npm run lint:script -- scripts/<slug>.json     # legibilidad, ritmo, plan de tomas, sincronización de cuadrícula de ritmos
npx remotion render NonstopShort out/<slug>-draft.mp4 --props=scripts/<slug>.json --scale=0.4   # borrador rápido
npx remotion render NonstopShort out/<slug>.mp4 --props=scripts/<slug>.json                 # final 1080×1920
bash scripts/qa-sheet.sh out/<slug>.mp4        # hoja de contacto → out/<slug>-sheet.png

Abre la hoja de contacto y comprueba:

• Fotograma 0: ¿es visible el gancho?
• Cada ritmo: ¿es legible el texto y está dentro del área segura?
• Tramos estáticos: ¿alguna toma está muerta durante más de ~1 s?
• Superposiciones: ¿chocan alguna pieza?

Corrige editando primero el JSON: divide ritmos, usa hold (0.8 aprieta, 1.3 alarga), o cambia transition, shot o set. Edita el código solo cuando el JSON no pueda expresar el cambio. Las renderizaciones 3D tardan ~1–2 s por fotograma en un servidor con CPU, así que siempre haz primero un control de calidad con un borrador --scale=0.4.

Vista previa interactiva: npx remotion studio.

5. Entrega

Entrega el MP4, el JSON y un pie de foto con 3–5 hashtags. La música y los efectos de sonido ya están en el MP4: una pista original generada cuyo BPM coincide con el tempo. Para usar un sonido de moda, renderiza con "music": false y agrega el sonido en la aplicación; los cortes aún siguen una cuadrícula de 92/118/140 bpm.

---

Temas × tempos

tema	aspecto	ideal para
midnight	índigo cielo nocturno, acentos ámbar cálidos, brillo suave, mascota	IA/tecnología, narración de historias, sketches POV
paper	papel crema, contornos negros, sombras "pegatina" descentradas	educación, datos científicos, estilo de vida, comedia
terminal	casi negro, verde fósforo, cuadrícula 3D en desplazamiento	humor de desarrolladores, hacking/seguridad, videojuegos
editorial	blanco roto, serifas de exhibición, líneas tranquilas	finanzas, negocios, noticias, superación personal

tempo	velocidad de lectura	ritmo mínimo	sensación
chill	2.6 palabras/segundo	1.6 s	narrativo, emocional
fast (predet.)	3.5 palabras/segundo	1.0 s	la mayoría del contenido
hyper	4.0 palabras/segundo	0.75 s	memes, listas rápidas, humor Gen-Z

meta.mascot: false elimina la mascota (úsalo para contenido serio o de marca). meta.mascotName la renombra. meta.world: "flat" elimina el mundo 3D (solo 2D, ~3× más rápido). meta.music: false o { file, bpm, volume }. meta.sfx: false silencia los sonidos de silbido.

Archivos de referencia (léelos cuando sea necesario)

• references/beats.md: cada tipo de ritmo, sus campos y cuándo usarlo. Léelo antes de escribir un guion.
• references/adaptation.md: nicho → tema/tempo/arquetipo, con secuencias de ritmos ya preparadas.
• references/retention.md: fórmulas de gancho, interrupciones de patrón, bucles, CTA.
• references/camera-and-music.md: escenarios, las 14 tomas de cámara, reglas de sincronización de ritmos, música personalizada, velocidad de renderizado.
• references/tempo-and-motion.md: las matemáticas de sincronización y los principios de movimiento; léelo antes de cambiar el código.
• references/style-principles.md: los principios visuales detrás del aspecto (mundo de ambiente, acento, personaje, ritmo).
• references/originality.md: reglas para mantenerse original (léelo antes de cualquier solicitud de marca/IP).
• references/extending.md: agregar un tema, tipo de ritmo, mascota personalizada, música o voz en off, u otras relaciones de aspecto.