hyperframes-animation (HeyGen HyperFrames)

Reseña

Codex CLI 0.166 (gpt-6-astra, razonamiento bajo) en un PC de pruebas Windows dedicado, con un proyecto temporal nuevo y HOME/TMPDIR/cachés temporales en cada ejecución, la skill instalada (grupo con skill), ausente (control) o ausente con el requisito central de la skill comprimido en una frase añadida al prompt (grupo del prompt de una frase), 2 ejecuciones por grupo y tarea, sin red y con las escrituras en /tmp bloqueadas. Los prompts nunca mencionan la skill (salvo la redacción indicada abajo). HyperFrames se describe en una frase en cada prompt (página HTML renderizada a MP4 recorriendo una línea de tiempo de GSAP). Tareas: un titular cinético de 6 segundos en el que tres palabras entran de golpe, una transición de dos escenas de 8 segundos y un número con conteo ascendente de 7 segundos y una barra. El prompt de una frase enuncia las reglas de animación en un párrafo.

Comparación de tres ramas

Medido con Codex CLI en 18 ejecuciones, puntuado con comprobaciones basadas en reglas y sin juez LLM. Total 26.1 / 30, veredicto Recomendada.

Veredicto: Recomendado (26.1 / 30). Fuente: heygen-com/hyperframes, skills/hyperframes-animation, skills/hyperframes-core, fijada en el commit 207c8a4. Instalación: npx skills@latest add heygen-com/hyperframes --skill hyperframes-animation. Licencia: Apache-2.0 (LICENSE del repositorio).

Qué es

La skill hyperframes-animation de heygen-com/hyperframes, probada en el commit 207c8a4 (la skill ya no está en el HEAD del repositorio, así que esto describe una versión retirada): guía de animación para composiciones de HyperFrames: una única línea de tiempo GSAP en pausa registrada en window.__timelines[id raíz], alias de transformación de GSAP en lugar de propiedades de layout, easings con nombre, stagger para secuencias, nada de Math.random/Date.now/timers/rAF/getBoundingClientRect en el momento del tween, contadores ascendentes animados sobre un objeto proxy, y escenas con data-start/data-duration cuya suma quede cubierta por la duración de la raíz.

Cómo lo probamos

Codex CLI 0.166 (gpt-6-astra, razonamiento bajo) en un PC de pruebas Windows dedicado, un proyecto temporal nuevo y HOME/TMPDIR/cachés temporales por ejecución, skill instalada (tratamiento) o ausente (control) o ausente con el requisito central de la skill comprimido en una frase añadida al final del prompt (grupo de una frase), 2 ejecuciones por grupo y tarea, red desactivada, escrituras en /tmp bloqueadas. Los prompts nunca mencionan la skill (salvo la formulación indicada abajo).

HyperFrames se describe en una frase en cada prompt (una página HTML renderizada a MP4 avanzando una línea de tiempo GSAP). Tareas: un titular cinético de 6 segundos en el que tres palabras entran de golpe, una transición de dos escenas de 8 segundos y un número ascendente de 7 segundos con una barra. La frase única enuncia las reglas de animación en un párrafo.

1. Titular cinético — Crea una composición HyperFrames (un framework de código abierto que renderiza una página HTML a MP4 avanzando una línea de tiempo GSAP fotograma a fotograma; GSAP se carga con una etiqueta script de CDN) de 6 segundos y 1920x1080: un titular de tres palabras ('Build. Ship. Repeat.') en el que cada palabra entra de golpe…
2. Transición de escenas — Crea una composición HyperFrames (un framework de código abierto que renderiza una página HTML a MP4 avanzando una línea de tiempo GSAP fotograma a fotograma; GSAP se carga con una etiqueta script de CDN) de 8 segundos y 1920x1080 con dos escenas a pantalla completa ('Problem' durante 4.5s, 'Solution' durante 4.5s) qu…
3. Estadística ascendente con barra — Crea una composición HyperFrames (un framework de código abierto que renderiza una página HTML a MP4 avanzando una línea de tiempo GSAP fotograma a fotograma; GSAP se carga con una etiqueta script de CDN) de 7 segundos y 1920x1080: un número grande que sube de 0 a 87% en 2.5 segundos con una barra horiz…

La puntuación es programática (pruebas ocultas / detección de problemas sembrados / comprobaciones de restricciones / renderizado+OCR cuando corresponde), 0–5 por ejecución. Ningún juez LLM decidió ninguna puntuación.

Resultados

La frase única que recibió el tercer grupo: "En una composición HyperFrames usa una sola línea de tiempo GSAP en pausa registrada en window.__timelines[id raíz]; mueve las cosas con alias de transformación de GSAP (x, y, scale, rotation, opacity), nunca width/height/top/left; elige easings con nombre y usa stagger para las secuencias; nada de Math.random/Date.now/timers/rAF/getBoundingClientRect en el momento del tween, ni repeat:-1; mueve los contadores con un tween sobre el onUpdate de un objeto proxy; las escenas son elementos temporizados con data-start/data-duration y la data-duration raíz debe cubrirlas."

Puntuación media: 3.76 sin vs 4.92 con la skill (delta +1.16). Tokens por ejecución: 131k vs 137k (1.05x); tiempo 72s vs 70s. Grupo de una frase: 4.52 (ganancia de la skill sobre la frase única: +0.39; ganancia de la frase única sobre sin skill: +0.77); tokens de la frase única 87k por ejecución, así que la skill cuesta 1.57x la frase única.

Qué ocurrió

• Control 3.76, skill 4.92, frase única 4.52 (n=6 cada uno). Los fallos más frecuentes del control son estructurales: al elemento raíz le faltaba un conjunto completo de id/width/height/duration en 6/6 ejecuciones, y la línea de tiempo no se registró en window.__timelines en 5/6, así que el renderizador de HyperFrames no puede encontrarla.
• La skill superó esas comprobaciones en 6/6. La frase única registró la línea de tiempo solo en 2 de 6 ejecuciones (falló en las tareas de titular cinético y contador), aunque acertó la duración y los atributos de la raíz.
• Tarea del titular cinético: tanto la skill como el control fallaron el stagger por palabra en 2/2 ejecuciones según la comprobación de stagger (usaron tweens separados por palabra); la frase única usó stagger en 2/2. Esa comprobación es estrecha, así que la diferencia tiene que ver en parte con el estilo de código.
• Tokens: skill 137k, frase única 87k, control 131k por ejecución. La skill hace las ejecuciones más fiables con el coste en tokens del control, no más baratas, y la frase única es un 36% más barata que cualquiera de las dos.
• La skill es grande (unos 133 archivos instalados en la carpeta de trabajo, con reglas, planos y técnicas). Las ejecuciones de tratamiento leyeron hyperframes-animation y hyperframes-core, así que la skill remite a la skill core y parte de esta ganancia es el contrato del core.

Puntuaciones por dimensión

Límites de esta prueba

• Comprobaciones estáticas sobre el texto HTML/GSAP; no se renderizó ningún fotograma (no se ejecutaron el CLI de hyperframes, Chrome ni FFmpeg), así que no se miden los tiempos ni la calidad visual.
• Probada en el commit 207c8a4 porque HEAD ya no contiene la skill; puede que el comando de instalación no funcione con el repositorio actual.
• La comprobación de stagger solo acepta la opción stagger de GSAP, no desplazamientos por palabra equivalentes.
• n=2 por celda.
• n = 2 por grupo y tarea: las diferencias de menos de 1 punto son ruido.
• La puntuación basada en reglas mide lo que las comprobaciones pueden ver; no puede juzgar el gusto ni si un resultado es el mejor posible.

Seguridad

Consulta security.md. Escaneo: 17 CRITICAL / 17 HIGH / 148 MEDIUM. Veredicto: seguro para ejecutar (sandbox sin red). Un escaneo limpio no demuestra que una skill sea segura.

En resumen

Con la skill, las composiciones cumplen el contrato de HyperFrames casi siempre; sin ella, la raíz y el registro de la línea de tiempo suelen estar mal. Un párrafo que enuncie las reglas recupera buena parte de eso con menos tokens. Como la skill ya no está en el repositorio del proveedor, toma el resultado como un registro de esa versión anterior.