🛠️ Flujo de trabajo — etapas 5 a 7

5. Corta y comprime los cuadros (ffmpeg)

• scripts/extract-frames.sh <clip.mp4> frames/<nome> 180 → ~179 JPG numerados.
• scripts/compress-frames.sh frames/<nome> 1600 88 → 1600px de ancho, q88 (nítido, <~15MB/sección).
• Una carpeta por clip (p. ej., frames/spin, frames/explode).

6. Construye el sitio a partir de templates/

• Copia templates/index.html, styles.css e scroll-cinematic.js para el proyecto.
• Edita la configuración SCRUB_SECTIONS (parte inferior de index.html): una entrada por clip:

{ section:"#hero", frameCount:179, bg:"#0a0a12", framePath:(i)=>\frames/spin/frame_${String(i).padStart(4,"0")}.jpg\ }.

• Escribe el texto de la marca, la paleta (variables CSS), secciones de beneficios/variantes de color/funciones, estadísticas y CTA.
• Técnica de desplazamiento de tono para variantes de producto/colores (sin generación extra):

ffmpeg -i base.png -vf "hue=h=120:s=1.15" variant.png.

7. Inicia en localhost

• Copia templates/Launch Demo.command para el proyecto, edita PORT + nombre, ejecuta chmod +x.
• Iniciar (python3 -m http.server <port>), usa curl en la página y en un frame para confirmar el estado 200, abre la URL.
• Indícale al usuario la URL y que hacer doble clic en .command reinicia el servidor para grabar.