kh-bikash/product-launch-video-skill

Crear Video de Lanzamiento de Producto

Produce un anuncio compartible finalizado, no solo un storyboard, a menos que el usuario solicite explícitamente conceptos o un tratamiento.

Entregable por defecto

Cuando el brief omita elecciones técnicas, usa:

• 15 segundos
• 9:16 vertical, 1080x1920
• 30 fps H.264 MP4 con audio AAC estéreo
• Cuatro visuales de producto: héroe, macro, uso/acción, revelación final
• Cinco escenas con transiciones diseñadas
• Música original no vocal y efectos de sonido
• Un póster JPG y un registro de prompts de imagen

Infiera detalles creativos no críticos. Pregunta solo cuando la información faltante cambiaría la identidad del producto, afirmaciones fácticas, propiedad de la marca o derechos de medios.

Skills compañeros requeridos

• Usa imagegen para nuevas imágenes fotorrealistas del producto o ediciones de imagen.
• Usa hyperframes:hyperframes, hyperframes:hyperframes-cli y hyperframes:gsap para composición, animación, validación y renderizado.
• Si el brief proviene de una URL, usa la navegación o captura del sitio solo para recopilar hechos y activos del producto; mantén este flujo de trabajo de lanzamiento como la autoridad de producción.

Lee las instrucciones completas de los skills compañeros antes de tomar acciones gobernadas por ellos.

Flujo de trabajo

1. Establecer la fuente de verdad

Clasifica el trabajo:

• Producto real con activos proporcionados: Preserva la geometría, etiquetas, colores, ubicación del logotipo y empaque del producto. Prefiere ediciones o composición cuando la regeneración cambiaría la identidad.
• Producto real solo con URL: Verifica hechos y afirmaciones actuales de fuentes autoritativas del producto. Captura activos útiles cuando esté permitido.
• Producto ficticio o conceptual: Crea una identidad y silueta originales del producto. No imites logotipos protegidos ni motivos distintivos de marca.

Extrae o infiere: categoría del producto, audiencia, promesa única, puntos de prueba, tono de marca, llamado a la acción de lanzamiento y formato de entrega.

No inventes especificaciones, premios, certificaciones, afirmaciones de sostenibilidad, beneficios médicos, porcentajes de rendimiento, precios o disponibilidad. Reemplaza números no respaldados con lenguaje cualitativo.

Genera un plan inicial determinista cuando el producto se ajuste a un perfil empaquetado:

node scripts/plan_launch.mjs --product calzado-deportivo --duration 15 --mood premium --name "Nombre del Producto" --output LAUNCH_PLAN.md

Los perfiles disponibles están definidos en data/product-profiles.json; las estructuras temporizadas compatibles están definidas en data/duration-structures.json. Trata el plan generado como una línea base creativa, luego refínalo usando los activos proporcionados, hechos reales del producto y el brief del usuario.

2. Fijar la dirección creativa

Crea DESIGN.md antes del HTML de composición. Incluye:

• Un párrafo de prompt de estilo
• Dos o tres colores principales con valores hex exactos
• Una tipografía de visualización y una de apoyo contrastante
• Lenguaje de cámara y reglas de iluminación
• Tempo de movimiento y familia de transiciones
• De tres a cinco antipatrones explícitos

Elige la dirección a partir del material del producto, la audiencia y la promesa, en lugar de aplicar un tratamiento genérico oscuro-neón. Lee references/product-direction.md para decisiones de cámara e iluminación específicas de categoría.

3. Crear un bloqueo de producto canónico

Escribe una descripción compacta del producto inmutable:

• silueta y proporciones
• materiales y acabado de superficie
• colocación del color
• costuras, controles, cierres o estructura del empaque
• ubicación del logotipo o etiqueta cuando esté autorizada
• motivos prohibidos e invariantes

Genera o selecciona primero la imagen héroe limpia. Inspecciónala antes de generar otros ángulos. Usa la héroe aceptada como referencia para cada imagen posterior y repite el bloqueo del producto textualmente en cada prompt.

Nunca dependas de texto generado en la imagen para copy de marca. Genera fotografía limpia del producto sin copy ni marcas de agua, luego agrega el texto exacto en HTML.

Lee references/image-prompting.md antes de generar el conjunto de imágenes.

4. Construir el corte narrativo

Elige la estructura que coincida con la duración solicitada de references/launch-structures.md.

Para el corte por defecto de 15 segundos, usa este arco:

1. Llegada de la marca o producto
2. Macro de material o característica
3. Producto en uso o prueba energética
4. Revelación completa del producto
5. Bloqueo de marca y llamado a la acción

Mantén los titulares de tres a siete palabras. Deja que una idea domine cada escena. Haz que el copy sea específico del producto y basado en evidencia.

5. Diseñar sonido con la edición

Usa audio con licencia proporcionado por el usuario cuando esté disponible. De lo contrario, crea una partitura original discreta con scripts/generate_score.mjs:

node scripts/generate_score.mjs --output assets/launch-score.wav --duration 15 --energy high --transitions 2.8,5.8,8.9,11.9 --seed 2401

Alinea los impactos con las revelaciones y transiciones principales. Usa silbidos con moderación. Mantén la partitura lo suficientemente de apoyo para que el anuncio sea inteligible sin voz en off.

6. Construir la composición de HyperFrames

• Construye cada escena en su estado héroe completamente visible antes de animar.
• Usa al menos tres capas visuales: imagen/fondo, contenido principal, y acento/metadatos.
• Dale a cada escena animaciones de entrada con direcciones, duraciones y facilidades variadas.
• Usa una familia de transición principal para la mayoría de los cambios de escena y un acento más fuerte para la revelación del héroe.
• Deja que las transiciones realicen todas las salidas no finales. Solo la escena final puede desvanecerse de forma independiente.
• Anima los contenedores de imagen y los de escena por separado para evitar conflictos de transformación.
• Usa movimiento sutil de cámara en imágenes fijas: paneo, deriva, enfoque, o empuje de escala. No uses el mismo movimiento ambiental en cada escena.
• Mantén toda la lógica determinista. No uses repeticiones infinitas ni comportamiento basado en tiempo aleatorio.
• Usa un elemento <audio> separado y cronometrado para la partitura.

Enrutamiento de transiciones por defecto:

• Lujo, belleza, fragancia: enfoque, desvanecimiento cruzado borroso, inmersión de color
• Atlético, automotriz, consumidor energético: zoom-through más controles de enfoque
• Técnico, electrónica de precisión: obturador, empuje, enfoque
• Comida, bebida, estilo de vida cálido: fuga de luz o desvanecimiento cruzado borroso suave

7. Validar y refinar

Ejecuta todo lo siguiente antes de la entrega final:

1. npx hyperframes lint
2. npx hyperframes validate
3. npx hyperframes inspect
4. Análisis del mapa de animación cuando sus dependencias estén disponibles
5. Renderizado de borrador
6. Extraer e inspeccionar visualmente al menos un fotograma héroe por escena
7. Renderizado final de alta calidad
8. Verificar el archivo final para duración, dimensiones, velocidad de fotogramas, códecs y presencia de audio

Corrige cada error de lint, error de consola, fallo de contraste y problema de diseño no intencionado. Revisa advertencias en lugar de suprimirlas en general. Marca solo el desbordamiento genuinamente intencional o la superposición de transición.

Inspecciona el borrador codificado, no solo la composición del navegador. Busca inconsistencia de imagen, tipografía ilegible, afirmaciones no respaldadas, recortes incómodos, movimiento repetido de aspecto barato, destellos de transición y un primer o último fotograma vacío.

8. Entregar

Coloca los entregables orientados al usuario en el directorio de salida del espacio de trabajo:

• MP4 final
• JPG de póster desde un fotograma fuerte del producto
• registro de prompts que contenga el bloqueo canónico del producto y los prompts de imagen finales

Informa la duración, resolución, códecs, modo de generación de imágenes y resultado de la validación. Enlaza los entregables directamente.

Estándar de calidad

Un resultado exitoso debe sentirse dirigido artísticamente en lugar de plantillado:

• La identidad del producto permanece consistente en todas las tomas.
• La iluminación explica el material y la forma.
• Los ángulos de cámara tienen trabajos narrativos distintos.
• El copy es escaso, exacto y defendible.
• El movimiento comunica la personalidad del producto.
• El audio puntúa la edición sin dominarla.
• El fotograma final es utilizable como tarjeta de cierre de marca.
• El MP4 exportado está listo para compartir sin ensamblaje adicional.