Communitygithub.com

media-use

HyperFramesプロジェクトにおけるすべてのメディアニーズを一つのスキルで解決するAgent Media OS。BGM、SFX、画像、アイコン、ブランドロゴ、音声、カラーグレーディング、LUTの解決、生成、操作、記憶を統合的に行います。

media-use とは?

media-useは、HyperFramesプロジェクト向けの包括的なメディア操作スキルです。「resolve」という一つの動詞で、BGM、SFX、画像、アイコン、ロゴ、音声、カラーグレード、LUTをローカルファイルまたはペースト可能なブロックとして解決し、台帳に記録します。カタログにない場合はTTS/音楽/画像モデルで生成し、共有オーディオエンジンを通じてナレーション、文字起こし、キャプション、背景除去を実行します。また、既存メディアのカット、リフレーム、変換といった操作や、アセットのプロジェクト間再利用もサポートします。このスキルはHeyGen CLI(無料利用可能)を基盤とし、Claude Code、Cursor、CodexなどのAIエージェントと連携して動作します。ユーザーからの「映像が暗い」「平坦」「退屈」「レトロにしたい」といった曖昧なフィードバックもメディアインテントとして解釈し、適切な処理を提案・実行できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jasonfast123/hyperframes-skills/tree/main/skills/media-use

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

media-use は何をしますか?

HyperFramesのメディアOS:解決・生成・操作・記憶 — すべてのメディアタイプを一つのスキルで、コンテキストノイズゼロ。

初回実行:heygen CLIをインストールしてサインイン(無料利用パス)、その後 node <SKILL_DIR>/scripts/resolve.mjs --doctor で確認。セットアップとプロバイダーについては references/setup-providers.md を参照。

Resolve — 唯一の動詞

node <SKILL_DIR>/scripts/resolve.mjs --type <type> --intent "<description>" --project <dir>

出力は1行:resolved <id> → <path> (<type>, <metadata>)。検索ノイズはすべてディスク上に残ります。

タイプ1行インテント
bgm背景音楽(HeyGenカタログ、10,000+トラック)
sfx効果音(バンドル19ファイルライブラリ + カタログ)
image写真、背景(HeyGenアセット検索、75,000+ベクター)
iconアイコン、シンボル(透明)
logo公式ブランドマーク(svgl → simple-icons → GitHubアバター → favicon;再描画禁止)
voiceTTSナレーション(HeyGen無料利用パス;オプションでローカルKokoro)
grade測定された補正候補;広範なポリッシュ/スタイライズはMedia Treatmentsに従う
lutユーザー提供または明示的に選択された再利用可能な検証済み .cube ファイル

新しく解決する前に、--candidates で再利用可能な候補をリストアップし、自分で適合性を判断してください — 再利用ルール、全フラグ、取り込み(--from)、採用については references/resolve.md を参照。

幅広いビジュアルフィードバックをメディアインテントとして扱う

ユーザーが写真メディアの修正、ポリッシュ、スタイライズ、隠蔽、強調、または公開を明示的に依頼した場合、カラーグレーディングやエフェクトの名前が指定されていなくても references/media-treatments.md を読んでください。実際の <img>/<video> を検査し、1つのプライマリインテントを選択し、決定論的な永続化と検証を使用します。オプションのテスト済みシードとして一致するレシピを使用するか、hyperframes media-treatment --capabilities --json を検査し、--capability <id> で1つの関連ファミリー/エフェクトをリクエストし、正規のコントロールからカスタムトリートメントを組み立てます。通常のオーサリングでは --all をロードしないでください。トリートメントは補正、プリセット、仕上げ、互換性のあるシェーダーエフェクト、サポートされているキーフレーム、オプションのRegistryオーバーレイを構成できます。ソースで正当化された範囲内のチューニングと互換性のある部分のみを追加し、結果をより洗練された見た目にするためのみのエフェクトは追加しないでください。最終的な複合ペイロードは hyperframes media-treatment で永続化します。

段階的にエスカレーションするワークフローを1つ使用します。ビデオの場合、個別のフレームを読むのではなく、ラベル付きの初期/中期/後期のコンタクトシートを1つ検査します。通常の補正またはポリッシュの場合は、1つの候補を適用し、1つのアフターシートを検査します。結果が曖昧、時間的、スタイライズ、LUTベース、HDR/LOG感度、プライベート、またはブランドクリティカルな場合にのみ、個別のフレームまたは動的なドラフトエビデンスにエスカレーションします。

通常の補正またはポリッシュの場合は、最終的なトリートメントのプリセット/調整JSONを永続化します。露光、シャドウ、コントラスト、または暖かさをエンコードするためだけに .cube LUTを生成しないでください。LUTは、ユーザーが提供するか、選択したトリートメントが明示的に所有している場合にのみ使用します。resolve --type grade --for ... --analyze は測定エビデンスであり、選択したトリートメントを生成されたLUTに置き換える許可ではありません。サポートされているビネット、グレイン、ブラー、ピクセレート、カラー、またはトリートメントエフェクトをCSS/SVGオーバーレイで再作成しないでください。スタジオコントロールと正規のプレビュー/レンダリングシェーダーパスをバイパスすることになります。

積極的に — メディア機会パスを実行する

人間は通常、どのメディアが作品を引き上げるか判断できません。あなたはできます。コンポジションを構築またはレビューするときは、1つの根拠のあるスキャンを行い、1回だけ尋ねてください — 黙って追加したり、アセットごとにしつこく確認したりしないでください。

具体的なシグナルが存在する場合にのみ機会を提示してください:

検出されたシグナル提案
画面上のテキスト / ナレーションのないスクリプトTTSナレーション(オーディオエンジン)
絵文字またはアイコンとしてスタイルされた <div>実際の icon を解決
プレースホルダー、小さすぎる、またはアップスケールされたような画像より良い image(および/またはアップスケール — references/operations.md を参照)
音のないハードシーンカット / トランジショントランジション sfx
約10秒以上で音楽ベッドのないピースbgm
露出不足/過剰またはカラーキャストに見える映像補正グレード(hyperframes media-treatment --selector '#hero' --analyze --json で検査)
視覚的に平坦またはトピック外に感じられる写真メディア1つの具体的なソース適切なプリセットまたはカスタムトリートメント、意図したターゲットを指定
静的に感じられる重要なメディアの出現/公開1つのサポートされているシークセーフなトリートメントアニメーション;リクエストがプリセットも正当化しない限り色を保持

これをヘルプにし、ナグウェアにしないためのルール:根拠のある、汎用的ではない(シグナルなし → 提案なし);意見のある + 具体的(デフォルトを選択した具体的な修正を提案 — 人間が すべて / 一部 / なし を承認);プロジェクトごとに1回(1つの統合された依頼;「そのままにしておいて」を尊重);表面化し、黙って変更しない(特にカラーグレード:提案してプレビュー — グレーワールドの「補正」は意図的な夕日やネオンルックを台無しにします)。

どこを見るか — タスクに必要なファイルだけを読む

タスク読むファイル
解決 / 再利用 / 採用 / 取り込み、フラグ、カスケード、インベントリreferences/resolve.md
カラーグレーディング、LUT、スマートグレード(--for)、グレード比較references/grading.md
ナレーション / TTS、音楽、SFX、キャプション、文字起こし(オーディオエンジン)references/audio.md
既存メディアのカット / リフレーム / 変換、正確なエラー拡散、HEVCreferences/operations.md
ソース認識型クリエイティブトリートメント、リアルタイムエフェクト、オーバーレイ、公開references/media-treatments.md
インストール + 認証、プロバイダーテーブル、RAMラダー、--local-only、--providerreferences/setup-providers.md
記憶された設定 + フリーズされたレシピ(ユーザーメモリ)references/memory.md
所有権マトリックス、使用統計、テレメトリー、プライバシー(メンテナー向け)references/meta.md

Individual skills in this repo

This repo contains 19 individual skills — each has its own dedicated page.

embedded-captions

>

faceless-explainer

Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes.

figma

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

general-video

>

hyperframes

>

hyperframes-animation

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition

hyperframes-audio

>

hyperframes-cli

>

hyperframes-core

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class=

hyperframes-creative

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

hyperframes-keyframes

>

hyperframes-registry

Install, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing one item or every block matching a tag, wiring an installed item into index.html, or working with hyperframes.json. Covers discovery, install locations, block sub-composition wiring, component snippet merging, and authoring a new block or component to contribute upstream (idea → scaffold → validate → PR).

jasonfast123/hyperframes-skills

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

motion-graphics

>

music-to-video

Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-synced video — lyric video, slideshow, or kinetic promo. The music drives all pacing; any user-supplied images/videos are cut onto the same beat grid, and a complete video needs zero assets. Narrated pieces → the input-matched workflow (see /hyperframes). Unclear → /hyperframes.

pr-to-video

Turn a GitHub pull request (a PR URL, owner/repo#N, or

remotion-to-hyperframes

Port an existing Remotion (React) composition

slideshow

>

talking-head-recut

Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript, on a 16:9 / 9:16 / 4:5 canvas of your choice; the clip plays untouched underneath. Trigger on

関連スキル