Videos desde cero
Mecánica: cargar hyperframes-core + hyperframes-animation. Rutas ascendentes que también encajan: faceless-explainer (texto),
product-launch-video (producto/SaaS). Los briefs y reglas de este skill prevalecen en caso de conflicto.
Configuración
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<nombre>" # texto / producto
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<nombre>" -Screenshots "<dir>" # promoción SaaS
Foto del producto → copiarla a projects/<nombre>/product.png. Luego trabajar dentro de projects/<nombre>/.
Estilo: preguntar si no se ha indicado, luego aplicar el bloque de mg-styles. Sin estilo: tarjetas blancas esmeriladas limpias sobre un gradiente de luz suave, Inter.
Briefs (completar con los datos del usuario; pedir números reales, de lo contrario marcar los inventados como ejemplos)
Solo texto (PROMPT 08) · por defecto 1080x1920, 30 fps
Usar las palabras exactas del usuario, nunca reescribir ni acortar. Una frase por pantalla, lo suficientemente grande para un móvil; envolver frases largas en 2–3 líneas en la misma pantalla. Cada pantalla debe permanecer el tiempo suficiente para leer (~0,35 s por palabra, mínimo 1,2 s). Todo el texto dentro del 80% central del ancho. → renders/text.mp4
Lanzamiento de producto (PROMPT 09) · por defecto 1920x1080, 30 fps, ~12 s
Si existe product.png usarlo como héroe, si no, construir el producto en HTML/CSS (pantalla de app, logo o teléfono).
0–2 s revelación del logo/nombre → 2–9 s tres momentos de funcionalidad, cada uno mostrando el producto haciendo la acción, no solo una frase → 9–12 s tarjeta final: nombre, una línea corta, CTA. → renders/product.mp4
Promoción SaaS (PROMPT 10) · por defecto 1920x1080, 30 fps, ~60 s
- Mirar cada captura de pantalla primero (ver las imágenes) y escribir qué muestra cada una.
- Abrir con un gancho corto, luego cada pantalla con un zoom hacia la parte que importa (número, gráfico, botón) y una línea corta que diga qué hace por el cliente.
- Usar las capturas de pantalla tal como son — nunca redibujarlas.
- Sensación cinética: zooms y paneos rápidos, palabras grandes y audaces entre pantallas, cortes con un ritmo constante.
- Terminar con logo, una línea corta, CTA. →
renders/promo.mp4
Primer render / prueba de humo (PROMPT 02) · 1920x1080, 30 fps, 6 s
Tarjeta esmerilada sobre gradiente púrpura→azul: etiqueta gris MI PRIMER RENDER, número cuenta de 0 a 100 en 2 s, píldora verde aparece a los 4 s. → renders/first.mp4
Demostración de movimientos (PROMPT 03) · 1080x1920, 30 fps, 14 s
Los 10 movimientos de mg-styles, ~1,3 s cada uno, tarjeta blanca sobre fondo oscuro, nombre del movimiento pequeño arriba. → renders/moves.mp4
Finalización
npx hyperframes lint → npx hyperframes check → capturas en momentos clave (verlas) → renderizar → copiar el archivo aprobado a exports/.
Sonido: mg-sound. Variantes / transparente: mg-export.