hyperframes-creative
HyperFrames の動画の「動き以外」の演出を決めさせる。色と書体、ブランドの決まりの読み方、場面の間合い、語りの台本、構図の型、音に反応する見せ方。書く前に「家のスタイル」と「動画の構図」の 2 つの資料を必ず読ませる
npx skills add heygen-com/hyperframes/hyperframes-creative入れる前にこのスキルがすること・注意点・SKILL.md の原文を確かめてください。解析は安全性の判定ではありません。
- インストール
- 916,674
- 実用度
- 56
- GitHub star
- 80,009
- 最終更新
- 2026/11/7
頼み方の例
そのままコピーして使えますhyperframes-creativeスキルを使って、この 30 秒の製品紹介の動画の演出を決めてください。先に house-style と video-composition の資料を読み、配色・書体・場面ごとの間合いを表にしてください。HTML はまだ書かないでください。
対象のファイルや状況は、ご自身の作業に合わせて置き換えてください。
このスキルがすること
SKILL.md の記述から機械的に抽出- シェルコマンドを実行する記述があります
- 実行可能なスクリプトが 4 件同梱されています(JavaScript、Python)
これは安全性の判定ではありません。 SKILL.md にそう書かれているという事実だけを並べています。実際に問題があるかは使い方と文脈で決まるため、当サイトでは断定しません。導入前に SKILL.md の原文を確認してください。
SKILL.md の規模
コードブロックの言語: bash
いつ使うか
HyperFrames の動画の見た目と演出の方向を決めたいときに効きます。動きそのものは扱わず、動き以外の判断を受け持ちます。
決めることと、読む資料
本文の振り分けの表は 15 行あります。下は主な 7 件です。
- 家のスタイル(house-style)既定の配色・書体、疑うべき手抜きの既定
- visual-styles名前のある画風、雰囲気からの選び方
- composition-patterns構図の型(ワイプ、被写体の後ろの文字、題のカード)
- data-in-motion数字や図解の見せ方
- beat-direction場面ごとの間合いと遷移の時機
- narration台本の間合い、口調、書き出し、数字の読み方
- audio-reactive音の帯域に合わせた見せ方
書く前に 2 つの資料を必ず読む
本文の強い指示です。読むのは「家のスタイル」(依頼を解釈して本物の中身を作る、手抜きの既定の一覧)と、「動画の構図」(動画の大きさ・奥行き・前景の細部)です。
ブランドの決まりがあれば、その値が事実
ブランドの決まりのファイルがあれば、その値をブランドの事実として扱います。無ければ、既製の見た目の型(frame-presets)から選ぶこともできます。
使わないほうがいいとき
動き・遷移・場面の設計図
本文が hyperframes-animation に回しています。
時間や配置の技術的な決まり
hyperframes-core が優先で、このスキルはそれを上書きしない、としています。
注意点
解析で見つかった記述と、同梱ファイル
SKILL.md の解析では、シェルコマンドの実行の記述と、実行できるスクリプトが 4 件(JavaScript、Python)同梱されていることが見つかっています。同梱ファイルは 78 件で、見た目の型、配色、各資料です(2026-10-05 時点)。
頼んでいないものは足さない決まり
場面・語り・音楽・字幕・遷移を、依頼に無ければ足さず、足すなら先に提案せよ、と書かれています。
小さな修正で全部を読ませない
本文も、簡単な修正では資料をすべて読むな、としています。依頼の大きさを伝えると無駄が減ります。
語りの資料は英語の読み上げが前提
数字の読み方などの決まりは英語の話し言葉を想定しています(話す速さも 1 秒 2.5 語という英語の単位です)。日本語の語りは、依頼文で読み方を指定してください。
インストール数
インストール数は約 34.8 万件です。同じリポジトリの 26 件は約 5.6 万〜49.7 万件に散っていて(2026-09-07 の上流集計)、入口から入る作りです。全体の関係は hyperframes の地図にまとめています。
インストール数の推移
日次で記録9月18日 〜 10月30日(42日分)
インストール数と 1 日あたりの増加は Skillselion が に集計した値です。上流の更新は数日おきなので、前日比ではありません。GitHub star と最終更新は に GitHub から取得しました。
併用すると強いスキル
よくある質問
仕上がりが決まりどおりか確かめられますか
作った後に、色・文字・角・余白・奥行きが決まりどおりかを確かめる資料(design-adherence)があります。描き出した画の文字の見やすさ(コントラスト)を報告する同梱のスクリプトもあります。
ブランドの決まりのファイルが複数あるときは
frame.md → design.md → DESIGN.md の順に優先する、と決まっています。
同じ分類のスキル
▶ 画像・動画・音声higgsfield-generate
Higgsfield の画像・動画・音声・3D の生成を、用途からモデルを選び分けて投げさせる
algorithmic-art
p5.js で生成芸術を作らせる。先に「作風の宣言」を書かせて、種を変えると別の絵が出る形に仕上げさせる
remotion-interactivity
Remotion のコードを、Studio の画面で人が選んで動かして直せる形に書かせる。値は定数に出さず style の中に直書き、動きは interpolate を直接書く。AI が書いたあとに人が画面で調整する分業のための決まり