Fundamentos
La base. Cuándo un video demostrativo es la opción adecuada (frente a uno explicativo), el principio que rige todo —"capturar primero, animar después"— y el stack 100% local sin clave de API: agent-browser, HyperFrames y Kokoro.
Captura de la app real
La parte que más suele salir mal si se hace a las apuradas. Controlar la app con agent-browser/Playwright, describir los pasos en actions.json, apuntar a coordenadas y bounding boxes, y manejar el scroll, los inputs controlados por React y los flujos asíncronos de varios estados.
Composición y renderizado
Donde la captura se convierte en video: marco de navegador, cursor animado que hace clic en el objetivo y zoom de destaque; el house style dark premium; la narración TTS local con Kokoro; y el render en HyperFrames con lint, inspect y el CTA de INEMA.CLUB.