hyperframes-animation (HeyGen HyperFrames)

Bewertung

Codex CLI 0.166 (gpt-6-astra, niedriges Reasoning) auf einem dedizierten Windows-Test-PC, einem frischen temporären Projekt und temporären HOME/TMPDIR/Caches pro Lauf; Skill installiert (Treatment) oder nicht vorhanden (Kontrolle) oder nicht vorhanden mit der Kernanforderung des Skills in einem an den Prompt angehängten Satz (One-Liner-Gruppe); 2 Läufe pro Gruppe und Aufgabe; Netzwerk aus; Schreiben nach /tmp blockiert. Die Prompts nennen den Skill nie (außer der unten genannten Formulierung). HyperFrames wird in jedem Prompt in einem Satz beschrieben (eine HTML-Seite, die nach MP4 gerendert wird, indem eine GSAP-Timeline durchlaufen wird). Aufgaben: eine 6-sekündige kinetische Headline, bei der drei Wörter hineinknallen, ein 8-sekündiger Übergang zwischen zwei Szenen und eine 7-sekündige hochzählende Zahl mit Balken. Der One-Liner nennt die Animationsregeln in einem Absatz.

Drei-Arm-Vergleich

Gemessen mit Codex CLI über 18 Läufe, bewertet durch regelbasierte Prüfungen ohne LLM-Richter. Gesamt 26.1 / 30, Urteil Empfohlen.

Urteil: Empfohlen (26.1 / 30). Quelle: heygen-com/hyperframes, skills/hyperframes-animation, skills/hyperframes-core, gepinnt auf Commit 207c8a4. Installation: npx skills@latest add heygen-com/hyperframes --skill hyperframes-animation. Lizenz: Apache-2.0 (Repo-LICENSE).

Was es ist

Der Skill hyperframes-animation aus heygen-com/hyperframes, getestet auf Commit 207c8a4 (der Skill liegt nicht mehr am Repo-HEAD, dies beschreibt also eine zurückgezogene Version): Animationsvorgaben für HyperFrames-Kompositionen: eine pausierte GSAP-Timeline, registriert unter window.__timelines[root id], GSAP-Transform-Aliase statt Layout-Eigenschaften, benannte Eases, Stagger für Sequenzen, kein Math.random/Date.now/Timer/rAF/getBoundingClientRect zum Tween-Zeitpunkt, Count-up-Zähler, die auf einem Proxy-Objekt getweent werden, und Szenen mit data-start/data-duration, deren Summe von der Root-Duration abgedeckt wird.

So haben wir getestet

Codex CLI 0.166 (gpt-6-astra, low reasoning) auf einem dedizierten Windows-Test-PC, pro Lauf ein frisches temporäres Projekt und temporäre HOME/TMPDIR/Caches, Skill installiert (Mit-Skill-Gruppe) oder nicht vorhanden (Kontrollgruppe) oder nicht vorhanden, aber mit der Kernanforderung des Skills als einem an den Prompt angehängten Satz (Ein-Satz-Gruppe), 2 Läufe pro Gruppe und Aufgabe, Netzwerk aus, Schreibzugriffe auf /tmp blockiert. Die Prompts nennen den Skill nie (außer der unten genannten Formulierung).

HyperFrames wird in jedem Prompt mit einem Satz beschrieben (eine HTML-Seite, die nach MP4 gerendert wird, indem eine GSAP-Timeline abgefahren wird). Aufgaben: eine 6-sekündige kinetische Headline, bei der drei Wörter hineinknallen, ein 8-sekündiger Übergang zwischen zwei Szenen und eine 7-sekündige Hochzählzahl mit Balken. Der Ein-Satz-Prompt nennt die Animationsregeln in einem Absatz.

1. Kinetische Headline — Erstelle eine 6-sekündige 1920x1080-HyperFrames-Komposition (ein Open-Source-Framework, das eine HTML-Seite nach MP4 rendert, indem es eine GSAP-Timeline Bild für Bild abfährt; GSAP kommt über ein CDN-Script-Tag): eine Drei-Wort-Headline („Build. Ship. Repeat.“), bei der jedes Wort hineinknallt…
2. Szenenübergang — Erstelle eine 8-sekündige 1920x1080-HyperFrames-Komposition (ein Open-Source-Framework, das eine HTML-Seite nach MP4 rendert, indem es eine GSAP-Timeline Bild für Bild abfährt; GSAP kommt über ein CDN-Script-Tag) mit zwei Vollbild-Szenen („Problem“ für 4.5s, „Solution“ für 4.5s), die…
3. Hochzähl-Statistik mit Balken — Erstelle eine 7-sekündige 1920x1080-HyperFrames-Komposition (ein Open-Source-Framework, das eine HTML-Seite nach MP4 rendert, indem es eine GSAP-Timeline Bild für Bild abfährt; GSAP kommt über ein CDN-Script-Tag): eine große Zahl, die in 2.5 Sekunden von 0 auf 87% hochzählt, mit einem waagerechten…

Die Bewertung erfolgt programmatisch (versteckte Tests / Trefferquote bei eingebauten Problemen / Constraint-Prüfungen / Rendern+OCR, wo relevant), 0–5 pro Lauf. Kein LLM-Richter hat eine Punktzahl entschieden.

Ergebnisse

Der Ein-Satz-Prompt für die dritte Gruppe: "Verwende in einer HyperFrames-Komposition eine pausierte GSAP-Timeline, registriert unter window.__timelines[root id]; bewege Dinge mit GSAP-Transform-Aliasen (x, y, scale, rotation, opacity), nie mit width/height/top/left; wähle benannte Eases und nutze Stagger für Sequenzen; kein Math.random/Date.now/Timer/rAF/getBoundingClientRect zum Tween-Zeitpunkt, kein repeat:-1; treibe Zähler über ein Tween auf dem onUpdate eines Proxy-Objekts; Szenen sind getimte Elemente mit data-start/data-duration, und die Root-data-duration muss sie abdecken."

Durchschnitt: 3.76 ohne vs. 4.92 mit Skill (Delta +1.16). Token pro Lauf: 131k vs. 137k (1.05x); Zeit 72s vs. 70s. Ein-Satz-Gruppe: 4.52 (Zuwachs des Skills gegenüber dem Ein-Satz-Prompt: +0.39; Zuwachs des Ein-Satz-Prompts gegenüber ohne Skill: +0.77); Token des Ein-Satz-Prompts 87k pro Lauf, der Skill kostet also 1.57x so viel wie der Ein-Satz-Prompt.

Was dabei herauskam

• Kontrolle 3.76, Skill 4.92, Ein-Satz 4.52 (n=6 je Gruppe). Die häufigsten Fehler der Kontrolle sind struktureller Art: Dem Root-Element fehlte in 6/6 Läufen ein vollständiges Set aus id/width/height/duration, und die Timeline war in 5/6 nicht bei window.__timelines registriert, sodass der HyperFrames-Renderer sie nicht findet.
• Der Skill bestand diese Prüfungen in 6/6. Der Ein-Satz-Prompt registrierte die Timeline nur in 2 von 6 Läufen (er scheiterte bei der kinetischen und der Hochzähl-Aufgabe), gab aber die Root-Duration und die Attribute richtig an.
• Aufgabe kinetische Headline: Sowohl Skill als auch Kontrolle verfehlten den Stagger pro Wort in 2/2 Läufen nach der Stagger-Prüfung (sie nutzten separate Tweens pro Wort); der Ein-Satz-Prompt nutzte Stagger in 2/2. Diese Prüfung ist eng gefasst, der Unterschied betrifft also teils den Codestil.
• Token: Skill 137k, Ein-Satz 87k, Kontrolle 131k pro Lauf. Der Skill macht Läufe zuverlässiger zu den Token-Kosten der Kontrolle, nicht günstiger, und der Ein-Satz-Prompt ist 36% günstiger als beide.
• Der Skill ist groß (etwa 133 Dateien im Arbeitsordner installiert, mit Regeln, Blueprints und Techniken). Mit-Skill-Läufe lasen sowohl hyperframes-animation als auch hyperframes-core; der Skill verweist also auf den Kern-Skill, und ein Teil dieses Gewinns ist der Kern-Vertrag.

Bewertung nach Dimensionen

Grenzen dieses Tests

• Statische Prüfungen des HTML/GSAP-Texts; es wurden keine Frames gerendert (die hyperframes-CLI, Chrome und FFmpeg liefen nicht), daher werden visuelles Timing und Qualität nicht gemessen.
• Getestet auf Commit 207c8a4, weil HEAD den Skill nicht mehr enthält; der Installationsbefehl funktioniert möglicherweise nicht mit dem aktuellen Repository.
• Die Stagger-Prüfung akzeptiert nur die GSAP-Option stagger, keine äquivalenten Offsets pro Wort.
• n=2 pro Zelle.
• n = 2 pro Gruppe und Aufgabe: Unterschiede unter etwa 1 Punkt sind Rauschen.
• Regelbasierte Bewertung misst nur, was die Prüfungen sehen können; Geschmack oder ob ein Ergebnis das bestmögliche ist, lässt sich so nicht beurteilen.

Sicherheit

Siehe security.md. Scan: 17 CRITICAL / 17 HIGH / 148 MEDIUM. Urteil: sicher ausführbar (Sandbox ohne Netzwerk). Ein sauberer Scan beweist nicht, dass ein Skill sicher ist.

Fazit

Mit dem Skill erfüllen die Kompositionen den HyperFrames-Vertrag fast immer; ohne ihn sind Root- und Timeline-Registrierung meist falsch. Ein Absatz, der die Regeln nennt, holt das meiste davon mit weniger Token auf. Da der Skill nicht mehr im Anbieter-Repo liegt, ist das Ergebnis als Aufzeichnung jener früheren Version zu verstehen.