Communitygithub.com

SJbuilds04/vybe-audio-design

VYBE / HyperFrames動画のサウンドデザインと音楽監督 — ムードとストーリー展開に合わせた楽曲選定、映像に合わせた効果音配置、ボイスオーバー監督とプロバイダー選定(HeyGen、ElevenLabs、Kokoro、Gemini)、サイドチェイン、ラウドネスターゲット、ビート同期編集、キャプション同期。動画の音声を計画・修正するとき、動画が無音・安っぽい・乱雑・同期ずれに感じるとき、または音声や音楽プロバイダーを選ぶときに使用します。

vybe-audio-design とは?

このスキルは、VYBE / HyperFrames動画制作における音声方向性(サウンドデザイン、音楽監督、ボイスキャスティング)を定義します。動画の知覚品質の半分は音で決まるという前提のもと、ナレーションの要否判断、ストーリーアークに沿った音楽構成(導入→展開→ピーク→解決)、効果音の配置(「半分は削る」ルール)、そして最終ミックスのラウドネスターゲット(音声-16 LUFS、音楽-18 LUFS、最終出力-14 LUFS)を段階的に決定します。主要な音声プロバイダーとしてHeyGen(高品質+タイムスタンプ)、ElevenLabs(豊富な音声カタログ)、Gemini TTS(スタイルプロンプト)、Kokoro-82M(オフライン・無料・プライベート)をサポートし、それぞれのセットアップ要件(APIキーなど)を明示。ビート同期編集やキャプション同期の検証方法(`npx hyperframes beats`、`npx hyperframes audio --dir composition --at <t>`)も提供します。

対応~Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/SJbuilds04/VYBE/tree/HEAD/skills/vybe-audio-design

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

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

ドキュメント

VYBE オーディオデザイン

音は知覚品質の半分を占めます。平凡な映像でも優れた音響があれば高級感が生まれますが、素晴らしい映像も無音では未完成に感じられます。

生成、取得、配線といった制作処理は vybe audio が担当します。詳細は vybe/references/audio-pipeline.md を参照してください。このスキルは方向性を定義するものです。何を要求すべきか、どこに配置すべきかを示します。SFX配置テーブルについては references/sound-design.md を読み込んでください。

この順序で判断する

  1. ナレーションは必要か? 映像だけでは説明しきれない主題(解説、ドキュメンタリー、チュートリアル)やユーザーが明示的に求めた場合は「必要」。スティング、キネティックタイプ、ムードピース、20秒未満の広告の多くでは不要。デフォルト:オフ。
  2. 楽曲のアーク。 音楽をストーリーにマッピングする:イントロ(最小限)→ 展開(レイヤー追加)→ ピーク(発覚/クライマックスで)→ 解決(CTA/タイトルで)。テンポは編集から選択:落ち着いた70–95 BPM、自信のある100–115、エネルギッシュ118–128。
  3. SFX配置。 重み付けに値する視覚的なイベントをすべてマークする。その後、半分を削除する。音楽のためのスペースを残す。
  4. ミックス。 音声を最前面に、音楽をその下に、SFXをその間に配置する — そして音楽を音声の下でダッキングする。

音声

プロバイダー使用タイミング備考
HeyGen (Starfish)最高品質 + ネイティブワードタイムスタンプheygen OAuth ログインまたは HEYGEN_API_KEY が必要。無料枠は heygen auth login --oauth 経由
ElevenLabs豊富な音声カタログ、ブランドボイスELEVENLABS_API_KEY。トランスクリプション経由でワードタイミング取得
Gemini TTSスタイルプロンプトによる指示された読み上げ明示的に選択した場合のみ。GEMINI_API_KEY
Kokoro-82M無料、オフライン、プライベート、決定論的npx hyperframes tts。利用可能ボイス: am_michael、bm_george、am_adam、af_sky、af_heart、bf_emma、af_nova。--speed 0.9–1.15

音声ライティング:短い文、一文一意、約150語/分(2.5語/秒)、数字は話し言葉で表記(「29時間」)、画面上のテキストをそのまま読まない。各行の前に0.3秒、行末に少なくとも0.5秒の間隔を空ける。

ムード別楽曲

ムード特徴適合例
シネマティック・オーケストラスウェル、低弦、ライザー、ヒット予告編、宇宙、壮大な発覚
アンビエント・テクノロジーパッド、ソフトパルス、ガラスのような質感科学、AI、解説
未来的エレクトロニックシンセベース、アルペジオ、110–125 BPMサイバーパンク、ローンチ、テクノロジー
コーポレート・アップリフティングピアノ+軽めのドラム、メジャーコードビジネス、SaaS、オンボーディング
ミニマル最小限のピアノ/パルス、余白が多いApple風、ラグジュアリー
エネルギッシュ駆動的なドラム、120–128 BPMソーシャル、スポーツ、ハイプ
エモーショナルスローマイナー→メジャーへの上昇ドキュメンタリー、ストーリー、社会問題

検索クエリのワーディング:ムード+楽器構成+エネルギー+テンポ。例:「dark ambient orchestral, slow build, no vocals, 70 bpm」。著作権のある商用トラックは決して使用しないこと。VYBE のプロシージャル・ベッドは保証されたオフライン代替として利用可能です。

ミックスのターゲット

レイヤーレベル
音声ラインごとに −16 LUFS(正規化済み)、最も大きなレイヤー
音声下の音楽実効約 −28〜−31 LUFS(ベッドの約0.28にダッキング)
音楽のみボリューム0.8でベッド約 −18 LUFS
SFXボリューム0.3〜0.5。インパクト系は1フレームだけ高く可
最終配信−14 LUFS インテグレーテッド、≤ −1 dBTP(vybe finalize が担当)

同期ルール

  • SFXは視覚イベントのフレームに合わせる(着地時、打撃開始時ではなく。スウッシュは動作の頂点の約0.1秒前に開始。ライザーはヒットと同時に終了)。
  • ビートでカット:npx hyperframes beats → シーンの境界をグリッドに移動する。
  • キャプションはトランスクリプションまたはHeyGenのタイムスタンプから取得 — 決して均等に配置しない。
  • npx hyperframes audio --dir composition --at <t> で検証する。

Individual skills in this repo

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

SJbuilds04/vybe-cinematic-3d

Deterministic Three.js / WebGL for HyperFrames videos — 3D scenes, particle systems, procedural geometry, product turntables, scientific models (molecules, planets, black holes), lighting rigs, camera paths and camera cuts, rendered frame-exactly from HyperFrames time. Use when a VYBE storyboard calls for 3D, depth, particles, space, a rotating product, a data sculpture, or when a Three.js layer renders black, flickers or differs between renders.

SJbuilds04/vybe-image-to-motion

Animate a still image into video. Analyzes the image, plans the motion, and picks the right technique — programmatic 2.5D (camera moves, depth-map parallax, subject/background layer separation, particles, fog, light) or AI image-to-video (Runway Gen-4.5 / Veo 3.1 / Kling 3.0, Luma Ray 3.2, Gemini Omni Flash) for organic motion like walking, faces, water or hair — then composes the result in HyperFrames with music, SFX and text. Use when someone supplies an image and asks to animate it, bring it

SJbuilds04/vybe-motion-design

Motion design craft for VYBE / HyperFrames videos — animation principles, easing and timing, choreography and staggering, scene transitions, camera movement, and visual effects (blur, glow, masks, grain, light leaks), written as seek-safe GSAP recipes. Use when designing or fixing how things move in a video — entrances, exits, transitions between scenes, camera moves, rhythm, or when motion feels generic, floaty, stiff or repetitive.

SJbuilds04/vybe-typography

Typography for motion — type systems, font pairing with bundled OFL fonts, scale and readability rules for video, kinetic typography techniques, per-letter/word animation, captions design and safe zones, in HyperFrames compositions. Use when choosing fonts, sizing or animating text in a VYBE video, building kinetic type or lyric videos, styling captions, or when text overlaps, clips, is unreadable or looks generic.

関連スキル