総合 515 位▶ 画像・動画・音声Claude Code 対応Codex 対応配布終了(2026/10/23 に確認)Apache-2.0

hyperframes-creative

HyperFrames の動画の「動き以外」の演出を決めさせる。色と書体、ブランドの決まりの読み方、場面の間合い、語りの台本、構図の型、音に反応する見せ方。書く前に「家のスタイル」と「動画の構図」の 2 つの資料を必ず読ませる

heygen-comhyperframesSKILL.md の原文

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 の規模

文字数
6,563
手順
4
コード例
1
同梱ファイル
78

コードブロックの言語: 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 の順に優先する、と決まっています。

同じ分類のスキル

▶ 画像・動画・音声

画像・動画・音声のスキルをすべて見る →

← スキル一覧に戻る/ このスキルを他と比べる