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, │
│ 主题演讲│ │ 排版, │ │ Reels, Shorts│
│ open- │ │ 资产, │ │ 视频使用 + │
│ slide │ │ 社交, │ │ hyperframes │
│ Yuval │ │ 凭证 │ │ MrBeast节奏 │
│ 声音 │ │ 3种模式 │ │ │
└────┬────┘ └──────┬──────┘ └──────┬───────┘
│ │ │
▼ ▼ ▼
open-slide tokens / components hyperframes
幻灯片创作 品牌资产 视频使用
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。每个负责一种输出模式。每个都调用底层。 - 底层(通用工具):
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。 |
| 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 更短、更传统的兄弟技能。当英雄是预告片而页面其余部分包含文案 + 行动号召时使用。 |
| YUV.AI 的 Web 应用 / 仪表盘 / 交互式工具 | yuv-design-system(霓虹模式) | gsap · 选择的框架(React、Svelte、原生) · mermaid-diagrams 如果有架构图 | 每屏一个 Anton 字体规则适用。大数字使用 <CounterUp>。仅英雄 / 主要行动号召使用发光效果。 |
| YUV.AI 的游戏 / 交互式 3D 体验 | yuv-design-system(霓虹模式) | Three.js · gsap 用于补间动画 · hyperframes 如果游戏最终要制作成短视频 | 面状品牌色几何体。深黑色画布上的粉色/青色强调色是最佳外观。 |
| 关于 Yuval 的推广视频 / 短视频 / 短片 / 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(霓虹网站 + 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——它将使用 4 幕叙事结构搭建一个 open-slide 项目。