La skill reutilizable

Criterio creativo.
Instrucciones que puedes llevar contigo.

Code-directed animation es una forma de trabajo que convierte una necesidad concreta de comunicación en una secuencia visual clara y editable.

Cada objetivo necesita su propia historia.

Los anuncios de performance parten del momento del comprador para construir un gancho, comunicar un beneficio e invitar a una acción. Las propuestas CRO conservan una versión base, explican un cambio en la interfaz y lo conectan con una hipótesis que se puede medir.

Qué reúne la skill

  • Un brief que define la audiencia, la acción esperada, la idea visual y el cierre.
  • Un plan de recursos visuales que conecta identidad de producto, contexto de uso, textura y resultado.
  • Movimiento ligado a acciones concretas, con tiempo suficiente para leer.
  • Revisión de la separación entre imágenes y textos, incluidos los márgenes opacos de las fotos y su recorrido durante las transiciones.
  • Escenas editables, reproducción consistente, revisión de los archivos finales y fuentes documentadas.

Úsala con tu agente de código

El archivo SKILL.md y sus recursos son archivos que puedes llevar a otro entorno. Agrega la carpeta al directorio de skills de un agente compatible o entrégale el archivo principal como instrucciones. La versión principal de la skill se mantiene en gonor-skills; este repositorio incluye la versión utilizada en la demo.

Cómo se produjo este proyecto

Las escenas usan HTML, CSS, JavaScript y recursos locales. Playwright captura los cuadros y FFmpeg genera los MP4. El portafolio es estático y no necesita compilarse. Los videos no tienen audio; la narración puede incorporarse con ElevenLabs en una etapa adicional, previa autorización.

Prueba con un brief concreto

“Crea un anuncio vertical de 18 segundos para este producto. Abre con una situación real de uso, define la función de cada imagen y enfócate en un solo mensaje. Entrega un MP4 sin audio y el código editable. Documenta las afirmaciones sobre el producto y revisa que las imágenes no tapen el texto durante las transiciones.”

← Ver los proyectos creados con este proceso