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、 │
│ keynote│ │ 字體、 │ │ Reels、Shorts│
│ open- │ │ 素材、 │ │ video-use + │
│ slide │ │ 社群、 │ │ hyperframes │
│ Yuval │ │ 憑證 │ │ MrBeast 節奏 │
│ 語音 │ │ 3 種模式 │ │ │
└────┬────┘ └──────┬──────┘ └──────┬───────┘
│ │ │
▼ ▼ ▼
open-slide tokens / components hyperframes
slide-authoring brand assets video-use
nano-banana-pro social link set gsap
mermaid-diagrams lessons-learned 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。每個技能負責一種輸出模式。每個技能會呼叫底層工具。 - 底層（通用工具）：
open-slide、hyperframes、gsap、nano-banana-pro、video-use、mermaid-diagrams、slide-authoring。非 YUV.AI 專屬；中層技能使用它們。 - 品牌 DNA 層貫穿整個金字塔 — 每個 YUV.AI 輸出，無論媒體類型，都承載飛行主線。調色盤是章節；主題是品牌。
§2. 路由表 — 媒體 → 組合
當交付物明確時，直接路由。當不明確時，詢問一次再路由。
| 使用者想要… | 主要技能 | 搭配使用 | 備註 |
|---|---|---|---|
| YUV.AI 的投影片 / keynote / 演講 / 黑客松簡報 | 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 放入新簡報根目錄。 |
| 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、純 HTML） · 若有架構圖則使用 mermaid-diagrams | 每螢幕一個 Anton 字型規則適用。使用 <CounterUp> 顯示大數字。僅在主視覺/主要 CTA 使用發光效果。 |
| YUV.AI 的遊戲 / 互動 3D 體驗 | yuv-design-system（霓虹模式） | Three.js · gsap 處理補間動畫 · hyperframes 若遊戲將被捕捉用於短影片 | 面化的品牌色幾何形狀。深黑色背景上的粉紅/青強調色是最強烈的視覺效果。 |
| 以 Yuval 為特色的宣傳影片 / Reel / Short / TikTok / Shorts | 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 節奏短片時使用。 |
| YUV.AI 的電影級 / 電影級 AI 生成影片 / 3D 虛擬攝影 | cinematic-ai-video（若可用） | hyperframes · yuv-design-system 處理任何疊加排版 · nano-banana-pro | 當來源是完全 AI 生成的素材而非剪輯的影片時使用。 |
| 簽名影片橫幅（YUV.AI 登陸頁頂部的電影級循環 iframe） | yuv-design-system（Neon 網站 + Hyperframes 相容組合） | hyperframes（渲染橫幅）· gsap（動畫） | 模式記錄在 yuv-design-system/references/presentations.md § 簽名影片橫幅。 |
| YUV.AI 的社群卡片 / OG 圖片 / Instagram 正方形 / 海報 | yuv-design-system（霓虹模式 — 或 溫暖編輯模式 用於 Hope/實用內容） | nano-banana-pro 製作品牌內影像 · 若有技術圖表則使用 mermaid-diagrams | 右下角浮水印，若有頁尾則加上標準社群連結。 |
| 講者簡介 / 關於卡片 / 「認識主持人」 | 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— 它將建立一個 open-slide 專案，包含 4 幕敘事