Todas las skills

hyperframes-core (HeyGen HyperFrames)

Construye una composición de HyperFrames renderizable desde HTML, con estructura, tiempos, reproducción multimedia y validación.

hyperframes-core: con la skill, Codex acierta las composiciones de HyperFrames muchas más veces (control 4.1, skill 4.9, prompt de una frase 4.6) y usa menos tokens (0.48x el control), pero esta skill se retiró del repositorio de HeyGen

Según el casoSegura

Codex CLI · gpt-6-astra

25.8 / 30

Mejora frente a sin skill: +0.85 · Según el caso · 18 ejecuciones

Según el caso: la mejora +0.85 está por debajo de +1.0. Para ser recomendada hace falta un total de 22/30, una calidad de salida de 3.5 y una mejora de +1.0.

SOTA

Aprobada

Probada con Codex.

Cubre Codex, Claude Code

Codex CLI 0.166 (nivel SOTA): 18 ejecuciones puntuadas. Una pasada aquí también cubre Claude Code según nuestra regla de niveles; no dice nada sobre el segundo nivel.

Puntuaciones

Cada dimensión va de 0 a 5 y las seis suman el total sobre 30. 5 es mejor en todas las dimensiones. Coste 5 significa barato y rápido. Instalación 5 significa fácil.

Fiabilidad de activación
5.0
Mejora frente a sin skill
2.9
Calidad de salida
4.9
Coste en tokens y tiempo
5.0
Instalación y portabilidad
4.0
Seguridad
4.0

Revisión de seguridad

Segura

Escaneo estático: 0 CRITICAL / 0 HIGH / 21 MEDIUM. Revisión manual: Segura de instalar. Un escaneo limpio no demuestra que una skill sea segura.

Instalar

npx skills@latest add heygen-com/hyperframes --skill hyperframes-core

Origen

Commit fijado: 207c8a4daf6480d697f203784f1fd422727569e3

Probada: 2026-11-02

Qué probamos

  • Explicativo de tres escenas — Crea un vídeo de 12 segundos a 1920x1080 como HyperFrames (un framework de código abierto que renderiza una página HTML a MP4 recorriendo una línea de tiempo de GSAP fotograma a fotograma; GSAP se carga con una etiqueta script de CDN). Tres escenas de 4 segundos cada una: una tarjeta de título ('Meet Orbit'), una l…
  • Arreglar una composición rota — index.html en esta carpeta es una composición de HyperFrames (un framework de código abierto que renderiza una página HTML a MP4 recorriendo una línea de tiempo de GSAP fotograma a fotograma; GSAP se carga con una etiqueta script de CDN) que se renderiza mal (temblequeo, tiempos de escena incorrectos, la escena 2 invisible, d…
  • Tercio inferior reutilizable como subcomposición — Crea un vídeo de HyperFrames (un framework de código abierto que renderiza una página HTML a MP4 recorriendo una línea de tiempo de GSAP fotograma a fotograma; GSAP se carga con una etiqueta script de CDN) de 8 segundos a 1920x1080. Un tercio inferior reutilizable (nombre y puesto que se deslizan desde la izquierda y…

Ventajas

  • Eleva la puntuación media de 4.09 a 4.94 frente a sin skill (+0.85).
  • La skill se activó sin nombrarla: se leyó el archivo de la skill en 6/6 ejecuciones con skill.
  • Sin sobrecarga de tokens: 0.47x los tokens de sin skill.
  • Supera en +0.32 a una versión de una frase de su propia regla.
  • Calidad absoluta alta con la skill: 4.94 sobre 5.

Inconvenientes

  • Salvedad de la prueba: se probó en el commit 207c8a4 de heygen-com/hyperframes. La skill se eliminó después del HEAD del repositorio, así que este análisis describe una versión retirada y el comando de instalación puede no funcionar con el repositorio actual.
  • n=2 por tarea y rama; las diferencias de menos de aproximadamente 1 punto son ruido.

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 el prompt como «un framework de código abierto que renderiza una página HTML a MP4 recorriendo una línea de tiempo de GSAP fotograma a fotograma», sin detalles del contrato. Tareas: crear un explicativo de 12 segundos con tres escenas, arreglar una composición rota (temblequeo, tiempos incorrectos) y construir un tercio inferior reutilizable como subcomposición. El prompt de una frase enuncia el contrato de composición completo en un párrafo.

Comparación de tres ramas

RamaPuntuación media (0-5)Tokens por ejecución
Sin la skill4.09239k
Prompt de una frase4.62160k
Con la skill4.94114k

Medido con Codex CLI en 18 ejecuciones, puntuado con comprobaciones basadas en reglas y sin juez LLM. Total 25.8 / 30, veredicto Según el caso.

Aviso: Probada en el commit 207c8a4 de heygen-com/hyperframes. La skill se eliminó después del HEAD del repositorio, así que esta reseña describe una versión retirada y el comando de instalación puede no funcionar con el repositorio actual.

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

Qué es

La skill hyperframes-core de heygen-com/hyperframes, probada en el commit 207c8a4 (más tarde se eliminó del HEAD del repositorio, así que esto describe una versión retirada). Documenta el contrato de composición de HyperFrames: div raíz con data-composition-id/width/height/duration, clips temporizados con data-start/data-duration y class=clip, una única línea de tiempo GSAP en pausa registrada en window.__timelines[id raíz], reglas de determinismo en tiempo de renderizado y subcomposiciones en archivos separados.

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 el prompt como «un framework de código abierto que renderiza una página HTML a MP4 avanzando una línea de tiempo GSAP fotograma a fotograma», sin detalles del contrato. Tareas: crear un vídeo explicativo de tres escenas y 12 segundos, arreglar una composición rota (vibración, tiempos incorrectos) y construir un tercio inferior reutilizable como subcomposición. La frase única enuncia el contrato de composición completo en un párrafo.

  1. Vídeo explicativo de tres escenas — Crea un vídeo de 12 segundos y 1920x1080 como una composición de 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 viene de un script de CDN). Tres escenas de 4 segundos cada una: una tarjeta de título («Meet Orbit»), una lista…
  2. Arregla una composición rota — index.html en esta carpeta es una composición de 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 viene de un script de CDN) que se renderiza mal (vibración, tiempos de escena incorrectos, escena 2 invisible, d…
  3. Tercio inferior reutilizable como subcomposición — Crea un vídeo de 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 viene de un script de CDN) de 8 segundos, 1920x1080. Un tercio inferior reutilizable (nombre y puesto que entran deslizándose desde la izquierda y…

La puntuación es programática (tests ocultos / 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: "Contrato de composición de HyperFrames: un <div data-composition-id data-width data-height data-duration> raíz independiente en <body>; los elementos temporizados llevan data-start y data-duration (class=clip); construye UNA gsap.timeline({paused:true}) y regístrala en window.__timelines['<root id>']; determinismo en tiempo de renderizado: nada de Math.random/Date.now/timers/rAF, nada de repeat:-1, nunca animar display/visibility/autoAlpha en un clip; las subcomposiciones viven en archivos separados con data-composition-src, el contenido se envuelve en <template>, id del host = id interno = clave de la línea de tiempo."

TareaPuntuación controlUna fraseCon la skillTokens controlTokens de una fraseTokens con la skillSkill leída
t1-explainer3.335.05.0136k82k98k2/2
t2-fix3.953.864.82377k100k128k2/2
t3-sub5.05.05.0203k298k114k2/2

Puntuación media: 4.09 sin vs 4.94 con la skill (delta +0.85). Tokens por ejecución: 239k vs 114k (0.47x); tiempo 107s vs 79s. Grupo de una frase: 4.62 (la ganancia de la skill sobre la frase única: +0.32; la ganancia de la frase única sobre sin skill: +0.53); tokens de la frase única 160k por ejecución, así que la skill cuesta 0.71x la frase única.

Qué ocurrió

  • Control 4.09, skill 4.94, una frase 4.62 (n=6 cada uno). La brecha más fuerte es el explainer: el control escribió animaciones de visibility/display o autoAlpha en clips en 2/2 ejecuciones y no registró la línea de tiempo en window.__timelines en 2/2; las dos ejecuciones con skill y las dos de una frase quedaron limpias (5.0).
  • Tarea de arreglo: la skill puntuó 4.82 frente a 3.95 del control y 3.86 de una frase. El control dejó la raíz sin duración y con tamaño en px codificado en 2/2, y la duración de la raíz no cubría el último clip; las ejecuciones de una frase codificaron el tamaño en px y una no registró la línea de tiempo.
  • Tarea de subcomposición: los tres grupos puntuaron 5.0, así que un modelo sin más ya maneja data-composition-src y el envoltorio de plantilla cuando se le pide un componente reutilizable.
  • Tokens: skill 114k, una frase 160k, control 239k por ejecución. Sin el contrato, el control gasta muchos más pasos (13 comandos por ejecución frente a 9) intentando deducir el formato; la skill es más barata que no dar ninguna orientación.
  • Una comprobación, «cada elemento temporizado tiene una duración», falla en 3 ejecuciones, incluidas ejecuciones con skill; solo cuenta dos clips en el archivo de la tarea de arreglo y es la misma regla para todos los grupos.

Puntuaciones por dimensión

DimensiónPuntuaciónMotivo
1_output_quality4.94

Puntuación media 4.94/5 con la skill (comprobaciones programáticas, véase la tabla por tarea).

2_lift_vs_no_skill2.85

+0.85 puntos frente a 4.09 sin la skill (n=2 por tarea; menos de ~1 punto es ruido).

3_trigger5.0Archivo de la skill leído en 6/6 ejecuciones de tratamiento.
4_instructions_portability4

SKILL.md y referencias; contenido específico de la CLI de HyperFrames.

5_efficiency5

0.47x tokens (114k vs 239k por ejecución) y 0.74x tiempo (79s vs 107s).

6_safety_hygiene4Solo prosa y reglas; véase security.md.

Límites de esta prueba

  • Las comprobaciones son estáticas: se analizaron la estructura HTML, las llamadas a GSAP y el registro de la línea de tiempo, pero no se renderizó ningún fotograma (no se ejecutaron la CLI de hyperframes, Chrome ni FFmpeg).
  • La skill se probó en el commit 207c8a4 porque HEAD ya no la contiene; puede que el comando de instalación de la reseña no funcione contra el repositorio actual.
  • n=2 por celda; el recuento de tokens del control está inflado por unas pocas ejecuciones muy largas (hasta 440k).
  • Los prompts describen HyperFrames en una frase; un agente con acceso web podría consultar la documentación, pero la red estaba desactivada.
  • 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 el resultado es el mejor posible.

Seguridad

Consulta security.md. Escaneo: 0 CRITICAL / 0 HIGH / 21 MEDIUM. Veredicto: segura de ejecutar (sandbox sin red). Un escaneo limpio no demuestra que una skill sea segura.

Conclusión

Donde el formato es desconocido, la skill reduce a la mitad aproximadamente la probabilidad de errores de contrato y ahorra tokens. Un párrafo que enuncie el contrato recupera la mayor parte del beneficio. Como la skill ya no está en el repositorio del proveedor, trata el resultado como un registro de esa versión anterior.

Transcripción

Registro de ejecuciones: hyperframes-core (Codex CLI, network off, per-run temp HOME/TMPDIR, one row per graded run.)
Columnas: tarea, grupo-ejecución, puntuación (0-5), tokens, segundos, comprobaciones superadas, archivos de la skill que abrió el agente.

t1-explainer control-1: puntuación 3.1, tokens 140793, s 87.3, comprobaciones 7/11, no abrió nada
t1-explainer control-2: puntuación 3.57, tokens 132979, s 80.3, comprobaciones 8/11, no abrió nada
t1-explainer oneliner-1: puntuación 5.0, tokens 90890, s 75.8, comprobaciones 11/11, no abrió nada
t1-explainer oneliner-2: puntuación 5.0, tokens 73311, s 72.9, comprobaciones 11/11, no abrió nada
t1-explainer treatment-1: puntuación 5.0, tokens 111517, s 90.6, comprobaciones 11/11, abrió hyperframes-core
t1-explainer treatment-2: puntuación 5.0, tokens 84676, s 102.2, comprobaciones 11/11, abrió hyperframes-core
t2-fix control-1: puntuación 3.95, tokens 314272, s 165.7, comprobaciones 7/10, no abrió nada
t2-fix control-2: puntuación 3.95, tokens 440614, s 142.2, comprobaciones 7/10, no abrió nada
t2-fix oneliner-1: puntuación 3.77, tokens 108753, s 81.4, comprobaciones 7/10, no abrió nada

18 ejecuciones, 3 artefactos

Resultado de ejemplo

SOTA · With the skill: index.html (t1-explainer, run 1, Codex)

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=1920, height=1080"> <title>Meet Orbit — 12-second film</title> <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> <style> * { box-sizing: border-box; } html, body { width: 100%; height: 100%; margin: 0; } body { background: #f3f0e7; color: #202d29; font-family: system-ui, sans-serif; } #root { position: relative; width: 100%; height: 100%; overflow: hidden; background: #f3f0e7; } .brand { position: absolute; top: 66px; left: 100px; display: flex; align-items: center; gap: 16px; font-size: 32px; font-weight: 750; letter-spacing: -1px; } .brand-mark { width: 30px; height: 30px; border: 8px solid #e65932; border-radius: 50%; } .edition { position: absolute; top: 77px; right: 100px; font-size: 18px; letter-spacing: 3px; } .clip { position: absolute; inset: 0; } .scene { width: 100%; height: 100%; padding: 190px 100px 150px; display: flex; align-items: center; gap: 65px; } .copy { flex: 1; position: relative; z-index: 2; } .eyebrow { margin: 0 0 30px; font-size: 21px; font-weight: 650; letter-spacing: 4px; text-transform: uppercase; color: #52635b; } h1, h2, p { margin: 0; } h1 { font-size: 150px; line-height: 1.05; letter-spacing: -10px; font-weight: 650; } h2 { font-size: 86px; line-height: 1.07; letter-spacing: -5px; font-weight: 650; } .subtitle { margin-top: 34px; font-size: 31px; line-height: 1.5; color: #52635b; } .art { width: 760px; height: 650px; flex: none; } .orbit-svg { display: block; width: 100%; height: 100%; overflow: visible; } .footer { position: absolute; bottom: 65px; left: 100px; right: 100px; display: flex; justify-content: space-between; font-size: 18px; letter-spacing: 2px; color: #52635b; } .progress-track { position: absolute; bottom: 0; left: 0; right: 0; height: 7px; background: #deded3; } .progress { width: 100%; height: 100%; background: #e65932; transform-origin: left center; } .features-copy { max-width: 650px; } .features { list-style: none; margin: 0; padding: 0; width: 930px; } .feature { display: flex; align-items: center; gap: 30px; padding: 39px 0; border-bottom: 2px solid #ced3c9; font-size: 43px; font-weight: 550; letter-spacing: -1.5px; } .feature:first-child { border-top: 2px solid #ced3c9; } .number { display: grid; place-items: center; width: 66px; height: 66px; flex: none; border-radius: 50%; background: #202d29; color: #f3f0e7; font-size: 22px; letter-spacing: 0; } .feature-dot { margin-left: auto; color: #e65932; font-size: 40px; } .closing { justify-content: center; text-align: center; } .closing-copy { width: 1300px; } .closing h2 { font-size: 119px; letter-spacing: -7px; } .cta { display: inline-flex; align-items: center; justify-content: center; gap: 50px; margin-top: 48px; padding: 26px 42px; border-radius: 100px; background: #e65932; color: #17251f; font-size: 32px; font-weight: 650; } .cta-arrow { font-size: 40px; line-height: 1; } .closing-icon { display: block; width: 84px; height: 84px; margin: 0 auto 38px; border: 19px solid [... excerpt: first 3200 of 7731 characters]

Ver Pro