O que yuv-pilot — a pirâmide de habilidades YUV.AI faz?
O diretor de voo. Não pilota o avião — diz qual membro da tripulação deve agir.
Esta habilidade está no topo da pirâmide de habilidades YUV.AI. Sua função é reconhecer uma solicitação relacionada à marca YUV.AI, identificar o que está sendo realmente pedido, selecionar a combinação certa de habilidades YUV.AI downstream e passar o comando de forma limpa. Ela não produz saída visual, escreve código ou renderiza assets. É um roteador.
A metáfora se alinha à marca: em operações de voo, o piloto não reabastece a aeronave, não carrega a carga nem opera o ATC. O piloto decide a missão e diz ao especialista certo quando agir.
§0. Quando aplicar — portão estrito YUV.AI
✅ Aplicar quando
- O usuário menciona YUV.AI, "minha marca", "meu sistema de design", "para mim", "meu lançamento", "meus canais", "Let's Fly High", OU invoca explicitamente
/yuv-pilot. - A entrega abrange várias mídias — um lançamento que precisa de site + deck + reel + cartões sociais é o caso canônico.
- O usuário está perguntando "o que devo construir para YUV.AI" / "como faço para entregar X para minha marca" — estratégico, ainda não um único artefato.
- A mídia é ambígua e uma clarificação ajudaria — ex.: "faça algo para mim sobre MCP" (pode ser deck, blog, reel, site, seção do site).
❌ NÃO aplicar quando
- A solicitação é claramente de mídia única E uma habilidade downstream específica obviamente a possui:
- "Faça um deck YUV.AI sobre X para mim" →
yuv-decksvence diretamente. yuv-pilot fica de fora. - "Edite este vídeo em um curto viral para mim" →
yuv-viral-videovence. yuv-pilot fica de fora.
- "Faça um deck YUV.AI sobre X para mim" →
- A solicitação é não-YUV.AI (jogo genérico / app / trabalho de cliente / marca de terceiros). Toda a pirâmide fica de fora.
- O usuário já nomeou a ferramenta / habilidade específica que deseja.
O princípio: yuv-pilot é a porta de entrada para ambiguidade. Quando o caminho é óbvio, deixe a habilidade específica assumir a solicitação.
§1. A pirâmide de habilidades YUV.AI
┌─────────────────────┐
│ yuv-pilot │ ← você está aqui
│ (intenção → rota) │
└──────────┬──────────┘
│
┌────────────────────────┼────────────────────────┐
▼ ▼ ▼
┌─────────┐ ┌─────────────┐ ┌──────────────┐
│yuv-decks│ │ yuv-design- │ │ yuv-viral- │
│ │ │ system │ │ video │
│ talks │ │ │ │ │
│ slides │ │ paleta, │ │ MP4s curtos, │
│keynotes │ │ tipografia, │ │ Reels, Shorts│
│ open- │ │ assets, │ │ video-use + │
│ slide │ │ sociais, │ │ hyperframes │
│ Yuval │ │ credenciais │ │ ritmo │
│ voice │ │ 3 modos │ │ MrBeast │
└────┬────┘ └──────┬──────┘ └──────┬───────┘
│ │ │
▼ ▼ ▼
open-slide tokens / componentes hyperframes
slide-authoring assets de marca video-use
nano-banana-pro conjunto de links sociais gsap
mermaid-diagrams lições aprendidas nano-banana-pro
gsap gsap
╲ ╱
╲ ╱
╲ ╱
▼ ▼
┌─────────────────────────────┐
│ DNA da Marca (Fio Condutor │
│ Universal Fly High) │
│ • metáforas de voo │
│ • HUD + mostradores │
│ • marca phoenix + marca d'água│
│ • Anton + JetBrains Mono │
│ • "Let's Fly High" │
└─────────────────────────────┘
Como ler a pirâmide
- Camada superior (orquestrador):
yuv-pilot. Roteia a intenção. - Camada intermediária (habilidades YUV.AI opinativas):
yuv-decks,yuv-design-system,yuv-viral-video. Cada uma possui um modo de saída. Cada uma chama a camada inferior. - Camada inferior (ferramentas genéricas):
open-slide,hyperframes,gsap,nano-banana-pro,video-use,mermaid-diagrams,slide-authoring. Não são específicas do YUV.AI; a camada intermediária as utiliza. - A camada DNA da Marca percorre toda a pirâmide — toda saída YUV.AI, independentemente da mídia, carrega o fio condutor de voo. A paleta é o capítulo; os motivos são a marca.
§2. Tabela de roteamento — mídia → composição
Quando a entrega é clara, roteie diretamente. Quando é ambígua, pergunte uma vez e depois roteie.
| O usuário quer… | Habilidade principal | Compor com | Notas |
|---|---|---|---|
| Slide deck / keynote / talk / apresentação de hackathon para YUV.AI | yuv-decks | yuv-design-system (Modo Decks — roxo/amarelo/cinza Fly High) · slide-authoring · open-slide · opcionalmente nano-banana-pro para imagens principais · opcionalmente mermaid-diagrams para diagramas de arquitetura | yuv-decks estrutura via ./scripts/new-deck.sh. Insere AGENTS.md / CLAUDE.md / .github/copilot-instructions.md na raiz do novo deck. |
| Site / landing page / portfólio / página Sobre para YUV.AI | yuv-design-system (Modo Neon — rosa/ciano/branco ou preto rico) | gsap para animação não trivial · hyperframes se o herói precisar de uma composição renderizável em MP4 | Novo projeto: execute install-agent-instructions.sh /path/to/project para inserir as instruções entre ferramentas. |
| Landing de rolagem cinematográfica a partir de um vídeo curto (o padrão github/lion/hope — clipe de 5–15s se torna um herói de tela única onde a rolagem avança o vídeo quadro a quadro e 5 sobreposições de texto fazem crossfade) | parallax-landing-page | Traz sua PRÓPRIA pilha de tipos (Anton + Caveat + Inter) e paleta de destaque (dourado/âmbar/destaque/creme). NÃO chama yuv-design-system — elas coexistem. Para landings parallax YUV.AI, opcionalmente adicione a marca d'água phoenix + URL do Linktree como fio condutor. | Salva em ~/Documents/yuv-projects/landings/<slug>/. Implementações de referência em examples/parasites/. |
| Landing de rolagem de vídeo estilo Apple com seções normais abaixo (herói fixo avança N quadros conforme você rola, então as seções de conteúdo continuam) | video-to-landing-page | yuv-design-system no Modo Neon para projetos YUV.AI; nenhum sistema de design para trabalho genérico / de terceiros | O irmão mais curto e convencional de parallax-landing-page. Use quando o herói é um teaser e o resto da página carrega texto + CTA. |
| Web app / dashboard / ferramenta interativa para YUV.AI | yuv-design-system (Modo Neon) | gsap · framework de escolha (React, Svelte, puro) · mermaid-diagrams se houver diagrama de arquitetura | A regra de um Anton por tela se aplica. Use <CounterUp> para grandes estatísticas. Brilho apenas no herói / CTA principal. |
| Jogo / experiência 3D interativa para YUV.AI | yuv-design-system (Modo Neon) | Three.js · gsap para tweening · hyperframes se o jogo for destinado a captura para um reel | Geometria facetada com cores da marca. Destaques rosa/ciano em canvas preto rico é a aparência mais forte. |
| Vídeo promocional / reel / curto / TikTok / Shorts apresentando Yuval | yuv-viral-video | video-use (cortes) · hyperframes (camada de composição) · gsap (motion graphics) · yuv-design-system para decisões de tipo/paleta sobrepostas · opcionalmente nano-banana-pro para imagens de corte | Sempre renderiza TANTO 9:16 QUANTO 16:9. Salva com sufixo _V<N>. Estilo editorial YUV.AI opinativo — ritmo MrBeast, cartões de vidro característicos. |
| Vídeo legendado / tutorial / talking-head com legendas (hebraico, inglês ou qualquer idioma suportado pelo Whisper) | video-edit | hyperframes · hyperframes-cli · yuv-design-system para decisões de tipo/paleta se for com marca YUV.AI · Whisper (large-v3 padrão) para transcrição | Mais geral que yuv-viral-video — fluxo de trabalho de revisão de transcrição antes de renderizar, aspecto duplo (16:9 + 9:16 da mesma fonte), pílulas de legenda em vidro líquido. Use quando o usuário quer um vídeo legendado de demonstração em vez de um curto viral no ritmo MrBeast. |
| Vídeo cinematográfico / cinematográfico gerado por IA / cinematografia virtual 3D para YUV.AI | cinematic-ai-video (se disponível) | hyperframes · yuv-design-system para qualquer tipografia sobreposta · nano-banana-pro | Quando a fonte é totalmente gerada por IA, em vez de filmagem editada. |
| Banner de vídeo de assinatura (o iframe cinematográfico em loop no topo de uma landing page YUV.AI) | yuv-design-system (site Neon + composição compatível com Hyperframes) | hyperframes (renderiza o banner) · gsap (animação) | Padrão documentado em yuv-design-system/references/presentations.md § Banner de vídeo de assinatura. |
| Cartão social / imagem OG / quadrado do Instagram / pôster para YUV.AI | yuv-design-system (Modo Neon — ou Editorial Quente para Hope/prático) | nano-banana-pro para imagens dentro da marca · mermaid-diagrams se diagrama técnico | Marca d'água no canto inferior direito, sociais canônicas se houver rodapé. |
| Bio do palestrante / cartão Sobre / "conheça o anfitrião" | yuv-design-system (Modo Neon) | O bloco de credenciais canônico (2× GitHub Star, AWS Gen AI Superstar, Channel 12 News, AI Builder & Speaker, Founder YUV.AI) + sociais canônicas | Sempre usa assets/profile-yuval-studio.png para a foto. |
| Hope / Marcus / bigcats.ai / practical.yuv.ai (landing de curso) | yuv-design-system (Modo Editorial Quente) | hope-born-to-run (se for campanha Hope/Marcus) · cinematic-ai-video para quaisquer clipes de vida selvagem · nano-banana-pro para imagens editoriais | Este é o único modo que proíbe #FFFFFF puro. Textura de papel-grão obrigatória. |
| Lançamento multicanal (site + deck + reel + cartões sociais + email) | yuv-pilot permanece carregado | Chama cada um dos acima em sequência. Recomende uma ordem de construção: sistema de design + assets de marca em vigor → deck (para a talk) → site (para a landing) → reel (para distribuição) → cartões sociais (para amplificação) → email (para a lista). | Este é o caso canônico de várias mídias. Construa a superfície do sistema de design primeiro; o resto toma emprestado dela. |
§3. Exemplos práticos
Exemplo A — "Construa algo para minha próxima talk de IA"
Leitura: Sinal YUV.AI ✓ (é a talk dele), mídia = deck. Mídia única → roteie diretamente para yuv-decks, não há necessidade de yuv-pilot permanecer envolvido.
Resposta de passagem de comando:
Carregando
yuv-decks— ele estruturará um projeto open-slide com a narrativa de 4 atos.