yuv-pilot — YUV.AIスキルピラミッド
フライトディレクター。自ら飛行機を操縦するのではなく、どのクルーが行動すべきかを指示する。
このスキルは YUV.AIスキルピラミッドの頂点 に位置します。その役割は、YUV.AIブランドのリクエストを認識し、実際に求められている内容を特定し、適切な下流YUV.AIスキルの組み合わせを選び、クリーンに引き継ぐことです。視覚的な出力の生成、コードの記述、アセットのレンダリングは行いません。これはルーターです。
このメタファーはブランドに対応しています。航空運航において、パイロットは航空機に給油せず、貨物を積み込まず、航空管制を運行しません。パイロットはミッションを決定し、適切な専門家に行動のタイミングを指示します。
§0. 適用条件 — 厳格なYUV.AIゲート
✅ 適用する場合
- ユーザーが YUV.AI、「マイブランド」、「マイデザインシステム」、「私のために」、「マイローンチ」、「マイチャンネル」、「Let's Fly High」 に言及している、または明示的に
/yuv-pilotを呼び出している場合。 - 成果物が 複数のメディア にまたがる場合 — ローンチにサイト＋デッキ＋リール＋ソーシャルカードが必要なケースが代表的。
- ユーザーが 「YUV.AIのために何を構築すべきか」 / 「ブランドのためにXをどう出荷するか」 を尋ねている場合 — 戦略的であり、まだ単一のアーティファクトではない。
- メディアが曖昧で、明確化が役立つ場合 — 例：「MCPについて何かやって」というリクエスト（デッキ、ブログ、リール、ソーシャル、サイトセクションの可能性あり）。
❌ 適用しない場合
- リクエストが明らかに 単一メディア であり、特定の下流スキルがそれを担当することが明白な場合：
- 「XについてのYUV.AIデッキを作って」 →
yuv-decksが直接対応。yuv-pilotは関与しない。 - 「この動画をバイラルショートに編集して」 →
yuv-viral-videoが対応。yuv-pilotは関与しない。
- 「XについてのYUV.AIデッキを作って」 →
- リクエストが 非YUV.AI（一般的なゲーム／アプリ／クライアントワーク／サードパーティブランド）の場合。ピラミッド全体が関与しない。
- ユーザーがすでに希望する特定のツール／スキルを指定している場合。
原則: yuv-pilotは曖昧さのための玄関口です。 パスが明確な場合は、特定のスキルにリクエストを任せてください。
§1. YUV.AIスキルピラミッド
┌─────────────────────┐
│ yuv-pilot │ ← あなたはここ
│ (意図 → ルーティング) │
└──────────┬──────────┘
│
┌────────────────────────┼────────────────────────┐
▼ ▼ ▼
┌─────────┐ ┌─────────────┐ ┌──────────────┐
│yuv-decks│ │ yuv-design- │ │ yuv-viral- │
│ │ │ system │ │ video │
│ トーク │ │ │ │ │
│ スライド │ │ パレット、 │ │ ショートMP4、 │
│ キーノート│ │ タイポグラフィ、│ │ リール、ショート│
│ open- │ │ アセット、 │ │ video-use + │
│ slide │ │ ソーシャル、 │ │ ハイパーフレーム│
│ Yuval │ │ クレデンシャル│ │ MrBeastペース │
│ ボイス │ │ 3モード │ │ │
└────┬────┘ └──────┬──────┘ └──────┬───────┘
│ │ │
▼ ▼ ▼
open-slide tokens / components ハイパーフレーム
slide-authoring ブランドアセット video-use
nano-banana-pro ソーシャルリンクセット gsap
mermaid-diagrams レッスン学習 nano-banana-pro
gsap gsap
╲ ╱
╲ ╱
╲ ╱
▼ ▼
┌─────────────────────────────┐
│ ブランドDNA (ユニバーサル フライ │
│ ハイ スルーライン) │
│ • 飛行メタファー │
│ • HUD + ダイヤル │
│ • フェニックスマーク + 透かし │
│ • Anton + JetBrains Mono │
│ • 「Let's Fly High」 │
└─────────────────────────────┘
ピラミッドの読み方
- 最上位（オーケストレーター）:
yuv-pilot。意図をルーティング。 - 中間層（YUV.AIスキル）:
yuv-decks、yuv-design-system、yuv-viral-video。それぞれが1つの出力モードを担当。それぞれが下位層を呼び出す。 - 最下層（汎用ツール）:
open-slide、hyperframes、gsap、nano-banana-pro、video-use、mermaid-diagrams、slide-authoring。YUV.AI固有ではなく、中間層が使用。 - ブランドDNA層 はピラミッド全体に及びます — すべてのYUV.AI出力は、メディアを問わず、飛行のスルーラインを保持します。パレットが章であり、モチーフがブランドです。
§2. ルーティングテーブル — メディア → 構成
成果物が明確な場合は、直接ルーティングします。曖昧な場合は、一度質問してからルーティングします。
| ユーザーが望むもの… | リードスキル | 連携するスキル | 備考 |
|---|---|---|---|
| スライドデッキ / キーノート / トーク / ハッカソンプレゼンテーション（YUV.AI向け） | yuv-decks | yuv-design-system（デッキモード — Fly High パープル/イエロー/グレー） · slide-authoring · open-slide · オプションで nano-banana-pro（ヒーロー画像） · オプションで mermaid-diagrams（アーキテクチャ図） | yuv-decksは ./scripts/new-deck.sh でスキャフォールディング。新しいデッキのルートに AGENTS.md / CLAUDE.md / .github/copilot-instructions.md を配置。 |
| ウェブサイト / ランディングページ / ポートフォリオ / Aboutページ（YUV.AI向け） | yuv-design-system（ネオンモード — ピンク/シアン/ホワイトまたはリッチブラック） | gsap（重要なアニメーション） · hyperframes（ヒーローにMP4レンダリング可能なコンポジションが必要な場合） | 新規プロジェクト: install-agent-instructions.sh /path/to/project を実行し、クロスツール指示を配置。 |
| ショート動画からのシネマティック スクロールスクラブ ランディング（github/lion/hope ショーケースパターン — 5〜15秒のクリップがシングル画面ヒーローになり、スクロールでフレーム単位で動画がスクラブされ、5つのテキストオーバーレイがクロスフェード） | parallax-landing-page | 独自のタイプスタック（Anton + Caveat + Inter）とアクセントパレット（ゴールド/アンバー/アクセント/クリーム）を独自に持つ。yuv-design-system は呼び出さない — それらは共存する。YUV.AIパララックスランディングの場合、オプションでフェニックス透かし + Linktree URLをスルーラインとして追加。 | ~/Documents/yuv-projects/landings/<slug>/ に保存。リファレンス実装は examples/parasites/ にあり。 |
| Apple風のビデオスクラブランディングと通常セクションが続くページ（スティッキーヒーローがスクロールに応じてNフレームをスクラブし、その後コンテンツセクションが続く） | video-to-landing-page | YUV.AIプロジェクトの場合は yuv-design-system のネオンモード; 一般的な/サードパーティの作業の場合はデザインシステムなし | parallax-landing-page のより短く、より従来型の兄弟。ヒーローがティーザーで、ページの残りの部分がコピー + CTAを持つ場合に使用。 |
| ウェブアプリ / ダッシュボード / インタラクティブツール（YUV.AI向け） | yuv-design-system（ネオンモード） | gsap · 選択したフレームワーク（React、Svelte、プレーン） · アーキテクチャ図がある場合は mermaid-diagrams | 画面ごとに1つのAntonルールが適用。大きな統計には <CounterUp> を使用。ヒーロー/プライマリCTAのみグロー。 |
| ゲーム / インタラクティブ3D体験（YUV.AI向け） | yuv-design-system（ネオンモード） | Three.js · gsap（トゥイーン） · ゲームがリール用にキャプチャされる予定の場合は hyperframes | ファセットブランドカラージオメトリ。リッチブラックキャンバス上のピンク/シアンアクセントが最も強力な外観。 |
| プロモ動画 / リール / ショート / TikTok / Shorts（Yuval フィーチャリング） | yuv-viral-video | video-use（カット） · hyperframes（コンポジションレイヤー） · gsap（モーショングラフィックス） · yuv-design-system（タイプ/パレットオーバーレイ決定） · オプションで nano-banana-pro（カットアウェイ画像） | 常に9:16と16:9の両方をレンダリング。_V<N> サフィックスで保存。YUV.AI編集スタイル — MrBeastペース、シグネチャーグラスカード。 |
| キャプション付き動画 / チュートリアル / 字幕付きトーキングヘッド（ヘブライ語、英語、またはWhisper対応言語） | video-edit | hyperframes · hyperframes-cli · YUV.AIブランドの場合はタイプ/パレット決定に yuv-design-system · 文字起こしに Whisper（デフォルトは large-v3） | yuv-viral-video よりも汎用的 — レンダリング前のトランスクリプトレビューワークフロー、デュアルアスペクト（16:9 + 9:16 同一ソース）、リキッドガラスキャプションピル。ユーザーがバイラルMrBeastペースのショートではなく、キャプション付きショーケースを望む場合に使用。 |
| シネマティック / シネマティックAI生成動画 / 3D仮想シネマトグラフィー（YUV.AI向け） | cinematic-ai-video（利用可能な場合） | hyperframes · オーバーレイタイポグラフィに yuv-design-system · nano-banana-pro | ソースが編集済み映像ではなく完全にAI生成である場合。 |
| シグネチャー動画バナー（YUV.AIランディングページ上部のシネマティックループiframe） | yuv-design-system（ネオンサイト + Hyperframes互換コンポジション） | hyperframes（バナーをレンダリング） · gsap（アニメーション） | yuv-design-system/references/presentations.md § シグネチャー動画バナーにパターンが記載。 |
| ソーシャルカード / OG画像 / Instagramスクエア / ポスター（YUV.AI向け） | yuv-design-system（ネオンモード — またはHope/実用的にはウォームエディトリアル） | nano-banana-pro（ブランド内画像） · mermaid-diagrams（技術図の場合） | 透かしは右下、フッターがある場合は正規のソーシャルリンク。 |
| スピーカー略歴 / Aboutカード / 「ホストを紹介」 | yuv-design-system（ネオンモード） | 正規のクレデンシャルブロック（2× GitHub Star、AWS Gen AI Superstar、Channel 12 News、AI Builder & Speaker、Founder YUV.AI） + 正規のソーシャルリンク | 写真には常に assets/profile-yuval-studio.png を使用。 |
| Hope / Marcus / bigcats.ai / practical.yuv.ai（コースランディング） | yuv-design-system（ウォームエディトリアルモード） | hope-born-to-run（Hope/Marcusキャンペーンの場合） · 野生動物クリップに cinematic-ai-video · エディトリアル画像に nano-banana-pro | 純粋な #FFFFFF を禁止する唯一のモード。ペーパーグレインテクスチャ必須。 |
| クロスチャネルローンチ（サイト + デッキ + リール + ソーシャルカード + メール） | yuv-pilotはロードされたまま | 上記の各スキルを順番に呼び出す。ビルド順序の推奨: デザインシステム＋ブランドアセット配置 → デッキ（トーク用） → サイト（ランディング用） → リール（配信用） → ソーシャルカード（増幅用） → メール（リスト用）。 | これは標準的なマルチメディアケース。最初にデザインシステムの表面を構築し、残りはそれから借用する。 |
§3. 実例
例A — 「次のAIトークのために何か作って」
解釈: YUV.AIシグナル ✓（彼のトークである）、メディア = デッキ。単一メディア → yuv-decks に直接ルーティング。yuv-pilotが関与する必要はない。
引き継ぎ応答:
yuv-decksを読み込み中 — 4幕ナラティブで open-slide プロジェクトをスキャフォールディングします。