hyperframes-core (HeyGen HyperFrames)
HTML からレンダリング可能な HyperFrames 合成を1つ作り、構造、タイミング、メディア再生、検証まで扱います。
hyperframes-core：Codex はスキルありで HyperFrames コンポジションをはるかに高頻度で正しく作成します（対照群 4.1、スキルあり 4.9、一文プロンプト 4.6）。トークンは対照群の 0.48 倍と少ない一方、このスキルは HeyGen のリポジトリから削除済みです。
Codex CLI · gpt-6-astra
25.8 / 30
スキルなしに対するリフト：+0.85 · 状況次第 · 18 実行
状況次第：リフト +0.85 が +1.0 未満。推奨には合計 22/30、出力品質 3.5、リフト +1.0 が必要です。
SOTA
合格Codex でテスト済み。
カバー対象 Codex, Claude Code
Codex CLI 0.166（SOTA ティア）：採点対象 18 実行。当ティアのルールでは、ここでの合格は Claude Code もカバーします。第2ティアについては何も述べません。
スコア
各ディメンションは 0〜5 点で、6 つの合計が 30 点満点の合計スコアになります。すべてのディメンションで 5 が最良です。コスト 5 は低コストで高速、インストール 5 は簡単であることを意味します。
- トリガーの信頼性
- 5.0
- スキルなしに対するリフト
- 2.9
- 出力品質
- 4.9
- トークンと時間のコスト
- 5.0
- インストールと移植性
- 4.0
- 安全性
- 4.0
セキュリティレビュー
安全静的スキャン：CRITICAL 0 / HIGH 0 / MEDIUM 21。手動レビュー：インストールしても安全。クリーンなスキャン結果はスキルの安全性を証明しません。
インストール
npx skills@latest add heygen-com/hyperframes --skill hyperframes-core
固定コミット: 207c8a4daf6480d697f203784f1fd422727569e3
テスト済み: 2026-11-02
テスト内容
- 3シーン解説動画 — 12秒・1920x1080 の動画を HyperFrames（HTML ページを GSAP タイムラインをフレームごとにシークして MP4 にレンダリングするオープンソースフレームワーク。GSAP は CDN の script タグから読み込まれます）として作成してください。各4秒の3シーン：タイトルカード（'Meet Orbit'）、箇条書きの…
- 壊れたコンポジションを修正 — このフォルダの index.html は HyperFrames（HTML ページを GSAP タイムラインをフレームごとにシークして MP4 にレンダリングするオープンソースフレームワーク。GSAP は CDN の script タグから読み込まれます）コンポジションで、レンダリングが誤っています（ジッター、シーンのタイミングずれ、シーン2が見えない、…
- サブコンポジションとして再利用可能なローワーサード — 8秒・1920x1080 の HyperFrames（HTML ページを GSAP タイムラインをフレームごとにシークして MP4 にレンダリングするオープンソースフレームワーク。GSAP は CDN の script タグから読み込まれます）動画を構築してください。再利用可能なローワーサード（左からスライドインする名前と役職…
長所
- スキルなしと比べ平均スコアを 4.09 から 4.94 に引き上げ（+0.85）。
- スキルは名前を出さずとも採用されました：スキルあり群 6/6 実行でスキルファイルが読み込まれました。
- トークンのオーバーヘッドなし：スキルなしの 0.47 倍。
- 自身のルールの一文版を +0.32 上回ります。
- スキルありの絶対品質は高水準：5 点中 4.94。
短所
- テスト上の注意：heygen-com/hyperframes のコミット 207c8a4 でテストしました。スキルはその後リポジトリの HEAD から削除されたため、本レビューは削除済みバージョンを説明しており、現在のリポジトリに対してインストールコマンドが機能しない可能性があります。
- タスク・群ごとに n=2。1 ポイント未満の差はノイズです。
レビュー
専用の Windows テスト PC 上で Codex CLI 0.166（gpt-6-astra、低推論）、実行ごとに新規の一時プロジェクトと一時 HOME/TMPDIR/キャッシュを使用、スキルをインストール（スキルあり群）、スキルなし（対照群）、またはスキルの中核要件をプロンプト末尾に付けた一文に圧縮（一文プロンプト群）、タスクごとに各群 2 実行、ネットワーク無効、/tmp への書き込みはブロック。プロンプトはスキル名に一切言及しません（以下で注記する表現を除く）。HyperFrames はプロンプト内で『HTML ページを GSAP タイムラインをフレームごとにシークして MP4 にレンダリングするオープンソースフレームワーク』と説明され、契約の詳細はありません。タスク：12秒の3シーン解説動画の作成、壊れたコンポジション（ジッター、タイミングの誤り）の修正、再利用可能なローワーサードのサブコンポジションとしての構築。一文プロンプト群はコンポジション契約の全体を1段落で述べます。
3群の比較
| 群 | 平均スコア（0〜5） | 1実行あたりのトークン |
|---|---|---|
| スキルなし | 4.09 | 239k |
| 一文プロンプト | 4.62 | 160k |
| スキルあり | 4.94 | 114k |
Codex CLI で 18 実行を計測し、LLM 判定なしのルールベースのチェックで採点。合計 25.8 / 30、判定は 状況次第。
開示事項 テストしたのは heygen-com/hyperframes のコミット 207c8a4 です。このスキルは後にリポジトリの HEAD から削除されたため、このレビューは廃止されたバージョンについてのものであり、現在のリポジトリに対してはインストールコマンドが機能しない可能性があります。
判定：状況次第（25.8 / 30）。 出典：heygen-com/hyperframes、skills/hyperframes-core、コミット 207c8a4 に固定。インストール：npx skills@latest add heygen-com/hyperframes --skill hyperframes-core。ライセンス： Apache-2.0（リポジトリの LICENSE）。
概要
heygen-com/hyperframes の hyperframes-core スキル。コミット 207c8a4 でテストしました（このスキルは後にリポジトリの HEAD から削除されたため、これは廃止されたバージョンの記録です）。HyperFrames のコンポジション契約を文書化しています：data-composition-id/width/height/duration を持つルート div、data-start/data-duration と class=clip を持つタイム指定されたクリップ、window.__timelines[root id] に登録される 1 つの一時停止された GSAP タイムライン、レンダリング時の決定性ルール、そして別ファイルのサブコンポジション。
テスト方法
専用の Windows テスト PC 上で Codex CLI 0.166（gpt-6-astra、低推論）、実行ごとに新規の一時プロジェクトと一時 HOME/TMPDIR/キャッシュを使用、スキルをインストール（スキルあり群）、スキルなし（対照群）、またはスキルの中核要件をプロンプト末尾に付けた一文に圧縮（一文プロンプト群）、タスクごとに各群 2 実行、ネットワーク無効、/tmp への書き込みはブロック。プロンプトはスキル名に一切言及しません（以下で注記する表現を除く）。
HyperFrames はプロンプト内で「GSAP タイムラインをフレームごとにシークして HTML ページを MP4 にレンダリングするオープンソースのフレームワーク」と説明され、契約の詳細は与えません。タスク：12 秒・3 シーンの解説動画の作成、壊れたコンポジションの修正（ジッター、タイミングのずれ）、再利用可能なローワーサードのサブコンポジションとしての構築。一文プロンプトは完全なコンポジション契約を 1 段落で述べます。
- 3 シーンの解説動画 — 12 秒・1920x1080 の動画を HyperFrames（GSAP タイムラインをフレームごとにシークして HTML ページを MP4 にレンダリングするオープンソースのフレームワーク。GSAP は CDN の script タグから取得）として作成してください。各 4 秒の 3 シーン：タイトルカード（'Meet Orbit'）、箇条書きの…
- 壊れたコンポジションの修正 — このフォルダの index.html は、正しくレンダリングされない HyperFrames（GSAP タイムラインをフレームごとにシークして HTML ページを MP4 にレンダリングするオープンソースのフレームワーク。GSAP は CDN の script タグから取得）コンポジションです（ジッター、シーンのタイミングずれ、シーン 2 が不可視、…）。
- サブコンポジションとしての再利用可能なローワーサード — 8 秒・1920x1080 の HyperFrames（GSAP タイムラインをフレームごとにシークして HTML ページを MP4 にレンダリングするオープンソースのフレームワーク。GSAP は CDN の script タグから取得）動画を作成。再利用可能なローワーサード（左からスライドインする名前と役職…）
採点はプログラム的（隠しテスト／仕込み問題の検出／制約チェック／該当する場合はレンダリング+OCR）で、実行ごとに 0〜5 点。スコアはどの LLM 判定者も決めていません。
結果
第 3 群に与えた一文プロンプト：「HyperFrames のコンポジション契約：<body> 内にスタンドアロンのルート <div data-composition-id data-width data-height data-duration> を置く。時間指定された要素は data-start と data-duration（class=clip）を持つ。単一の gsap.timeline({paused:true}) を構築し、window.__timelines['<root id>'] に登録する。レンダリング時の決定性：Math.random/Date.now/timers/rAF を使わない、repeat:-1 を使わない、クリップに対して display/visibility/autoAlpha をトゥイーンしない。サブコンポジションは data-composition-src を持つ別ファイルに置き、コンテンツは <template> でラップし、host id = inner id = timeline key とする。」
| タスク | 対照群スコア | 一文プロンプト | スキルあり | 対照群のトークン | 一文プロンプトのトークン | スキルありのトークン | スキル読み込み |
|---|---|---|---|---|---|---|---|
| t1-explainer | 3.33 | 5.0 | 5.0 | 136k | 82k | 98k | 2/2 |
| t2-fix | 3.95 | 3.86 | 4.82 | 377k | 100k | 128k | 2/2 |
| t3-sub | 5.0 | 5.0 | 5.0 | 203k | 298k | 114k | 2/2 |
平均スコア：スキルなし 4.09 に対しスキルあり 4.94（差 +0.85）。1実行あたりのトークン：239k 対 114k（0.47x）。時間：107s 対 79s。一文プロンプト群：4.62（一文プロンプトに対するスキルの上積み：+0.32。一文プロンプト自身のスキルなしに対する上積み：+0.53）。一文プロンプトのトークンは 1実行あたり 160k なので、スキルは一文プロンプトの 0.71 倍のコストになります。
何が起きたか
- 対照群 4.09、スキル 4.94、一文プロンプト 4.62（各 n=6）。最も差が大きいのは解説動画です。対照群は 2/2 実行でクリップに対する visibility/display のトゥイーンや autoAlpha を書き、2/2 でタイムラインを window.__timelines に登録しませんでした。スキルと一文プロンプトは両実行ともクリーンでした（5.0）。
- 修正タスク：スキルは 4.82、対照群は 3.95、一文プロンプトは 3.86。対照群は 2/2 でルートに継続時間を付けずに px サイズをハードコードし、ルートの継続時間が最後のクリップをカバーしていませんでした。一文プロンプトの実行は px サイズをハードコードし、1 つはタイムラインを登録しませんでした。
- サブコンポジションタスク：全 3 群が 5.0 を獲得したため、素のモデルは再利用可能なコンポーネントを求められた時点で
data-composition-srcとテンプレートラッパーをすでに扱えます。 - トークン：1実行あたりスキル 114k、一文プロンプト 160k、対照群 239k。契約がないと、対照群は形式を割り出すためにずっと多くの手順（1実行あたり 13 コマンド、スキルは 9）を費やします。スキルは「何のガイドもない」より安上がりです。
- 「すべての時間指定要素に継続時間がある」という 1 つのチェックは、スキルの実行を含む 3 実行で不合格です。修正タスクのファイルではクリップを 2 つしか数えず、全群で同じルールです。
評価項目スコア
| 評価項目 | スコア | 理由 |
|---|---|---|
| 1_output_quality | 4.94 | スキルありの平均スコアは 5 点中 4.94（プログラム的チェック。タスク別の表を参照）。 |
| 2_lift_vs_no_skill | 2.85 | スキルなしの 4.09 に対し +0.85 点（タスクごとに n=2。約 1 点未満の差はノイズ）。 |
| 3_trigger | 5.0 | スキルあり群 6/6 実行でスキルファイルが読み込まれました。 |
| 4_instructions_portability | 4 | SKILL.md と参照資料。内容は HyperFrames CLI に固有。 |
| 5_efficiency | 5 | トークン 0.47x（1実行あたり 114k 対 239k）、時間 0.74x（79s 対 107s）。 |
| 6_safety_hygiene | 4 | 散文とルールのみ。security.md を参照。 |
このテストの限界
- チェックは静的です。HTML 構造、GSAP 呼び出し、タイムライン登録を解析しましたが、フレームはレンダリングしていません（hyperframes CLI、Chrome、FFmpeg は実行していません）。
- このスキルはコミット 207c8a4 でテストしました。HEAD にはもう含まれていないためです。レビュー内のインストールコマンドは現在のリポジトリに対して機能しない可能性があります。
- セルごとに n=2。対照群のトークン数は数回の非常に長い実行（最大 440k）で膨らんでいます。
- プロンプトは HyperFrames を一文で説明します。Web アクセスのあるエージェントならドキュメントを調べられますが、ネットワークは無効でした。
- タスクごとに各群 n=2。約 1 点未満の差はノイズです。
- ルールベースの採点はチェックが見られるものだけを測ります。好みや、結果が可能な限り最善かどうかは判断できません。
セキュリティ
security.md を参照。スキャン：CRITICAL 0 / HIGH 0 / MEDIUM 21。判定：実行しても安全（ネットワーク無効のサンドボックス）。クリーンなスキャン結果はスキルの安全性を証明しません。
結論
形式が未知の場合、このスキルは契約上のミスの可能性をおよそ半分に減らし、トークンを節約します。契約を述べる 1 段落でその恩恵のほとんどを取り戻せます。このスキルはもうベンダーのリポジトリにないため、結果はその以前のバージョンの記録として扱ってください。
トランスクリプト
実行ログ：hyperframes-core (Codex CLI, network off, per-run temp HOME/TMPDIR, one row per graded run.) 列：タスク、群-回、スコア（0-5）、トークン、秒、合格したチェック、エージェントが開いたスキルファイル。 t1-explainer control-1: スコア 3.1, トークン 140793, 秒 87.3, チェック 7/11, 開いたファイルなし t1-explainer control-2: スコア 3.57, トークン 132979, 秒 80.3, チェック 8/11, 開いたファイルなし t1-explainer oneliner-1: スコア 5.0, トークン 90890, 秒 75.8, チェック 11/11, 開いたファイルなし t1-explainer oneliner-2: スコア 5.0, トークン 73311, 秒 72.9, チェック 11/11, 開いたファイルなし t1-explainer treatment-1: スコア 5.0, トークン 111517, 秒 90.6, チェック 11/11, 開いたファイル hyperframes-core t1-explainer treatment-2: スコア 5.0, トークン 84676, 秒 102.2, チェック 11/11, 開いたファイル hyperframes-core t2-fix control-1: スコア 3.95, トークン 314272, 秒 165.7, チェック 7/10, 開いたファイルなし t2-fix control-2: スコア 3.95, トークン 440614, 秒 142.2, チェック 7/10, 開いたファイルなし t2-fix oneliner-1: スコア 3.77, トークン 108753, 秒 81.4, チェック 7/10, 開いたファイルなし
18 実行、3 成果物
サンプル出力
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]