yuv-pilot — la pirámide de habilidades de YUV.AI
El director de vuelo. No pilota el avión — dice qué miembro de la tripulación debe hacerlo.
Esta habilidad es la cima de la pirámide de habilidades de YUV.AI. Su trabajo es reconocer una solicitud de la marca YUV.AI, identificar lo que realmente se pide, seleccionar la combinación correcta de habilidades secundarias de YUV.AI y realizar una transición limpia. No produce salidas visuales, escribe código ni renderiza activos. Es un enrutador.
La metáfora se alinea con la marca: en operaciones de vuelo, el piloto no reabastece la aeronave, no carga la carga ni gestiona el control de tráfico aéreo. El piloto decide la misión y dice al especialista adecuado cuándo actuar.
§0. Cuándo aplicar — puerta estricta de YUV.AI
✅ Aplicar cuando
- El usuario menciona YUV.AI, "mi marca", "mi sistema de diseño", "para mí", "mi lanzamiento", "mis canales", "Volemos Alto", O invoca explícitamente
/yuv-pilot. - El entregable abarca múltiples formatos — un lanzamiento que necesita un sitio + presentación + reel + tarjetas sociales es el caso canónico.
- El usuario pregunta "¿qué debería construir para YUV.AI?" / "¿cómo entrego X para mi marca?" — estratégico, no un artefacto único.
- El formato es ambiguo y una aclaración ayudaría — ej. "haz algo para mí sobre MCP" (podría ser presentación, blog, reel, sitio social, sección del sitio).
❌ NO aplicar cuando
- La solicitud es claramente de un solo formato Y una habilidad secundaria específica la posee obviamente:
- "Créame una presentación de YUV.AI sobre X" →
yuv-decksgana directamente. yuv-pilot se mantiene al margen. - "Edita este video en un corto viral para mí" →
yuv-viral-videogana. yuv-pilot se mantiene al margen.
- "Créame una presentación de YUV.AI sobre X" →
- La solicitud es no relativa a YUV.AI (juego genérico / aplicación / trabajo de cliente / marca de terceros). Toda la pirámide se mantiene al margen.
- El usuario ya ha nombrado la herramienta / habilidad específica que desea.
El principio: yuv-pilot es la puerta de entrada para la ambigüedad. Cuando el camino es obvio, deja que la habilidad específica tome la solicitud.
§1. La pirámide de habilidades de YUV.AI
┌─────────────────────┐
│ yuv-pilot │ ← tú estás aquí
│ (intención → ruta) │
└──────────┬──────────┘
│
┌────────────────────────┼────────────────────────┐
▼ ▼ ▼
┌─────────┐ ┌─────────────┐ ┌──────────────┐
│yuv-decks│ │ yuv-design- │ │ yuv-viral- │
│ │ │ system │ │ video │
│ charlas│ │ │ │ │
│ diapos │ │ paleta, │ │ MP4 cortos, │
│ keynotes│ │ tipografía, │ │ Reels, Shorts│
│ open- │ │ activos, │ │ video-use + │
│ slide │ │ redes soc, │ │ hyperframes │
│ Yuval │ │ credenciales│ │ ritmo-MrBeast│
│ voz │ │ 3 modos │ │ │
└────┬────┘ └──────┬──────┘ └──────┬───────┘
│ │ │
▼ ▼ ▼
open-slide tokens / componentes hyperframes
autoría-diapos activos de marca video-use
nano-banana-pro conjunto enlaces sociales gsap
mermaid-diagrams lecciones aprendidas nano-banana-pro
gsap gsap
╲ ╱
╲ ╱
╲ ╱
▼ ▼
┌─────────────────────────────┐
│ ADN de Marca (Hilo Conductor│
│ Universal Vuela Alto) │
│ • metáforas de vuelo │
│ • HUD + diales │
│ • marca fénix + marca agua │
│ • Anton + JetBrains Mono │
│ • "Volemos Alto" │
└─────────────────────────────┘
Cómo leer la pirámide
- Nivel superior (orquestador):
yuv-pilot. Enruta la intención. - Nivel medio (habilidades YUV.AI con opinión):
yuv-decks,yuv-design-system,yuv-viral-video. Cada una posee un modo de salida. Cada una llama al nivel inferior. - Nivel inferior (herramientas genéricas):
open-slide,hyperframes,gsap,nano-banana-pro,video-use,mermaid-diagrams,slide-authoring. No son específicas de YUV.AI; el nivel medio las usa. - La capa de ADN de Marca recorre toda la pirámide — cada salida de YUV.AI, independientemente del formato, lleva el hilo conductor del vuelo. La paleta es el capítulo; los motivos son la marca.
§2. Tabla de enrutamiento — formato → composición
Cuando el entregable está claro, enrutar directamente. Cuando es ambiguo, preguntar una vez y luego enrutar.
| El usuario quiere… | Habilidad principal | Componer con | Notas |
|---|---|---|---|
| Presentación / keynote / charla / presentación hackathon para YUV.AI | yuv-decks | yuv-design-system (Modo Decks — Fly High púrpura/amarillo/gris) · slide-authoring · open-slide · opcionalmente nano-banana-pro para imágenes de héroe · opcionalmente mermaid-diagrams para diagramas de arquitectura | yuv-decks estructura vía ./scripts/new-deck.sh. Coloca AGENTS.md / CLAUDE.md / .github/copilot-instructions.md en la raíz de la nueva presentación. |
| Sitio web / página de aterrizaje / portafolio / página Acerca de para YUV.AI | yuv-design-system (Modo Neón — rosa/cian/blanco o negro rico) | gsap para animación no trivial · hyperframes si el héroe necesita una composición renderizable en MP4 | Nuevo proyecto: ejecutar install-agent-instructions.sh /ruta/al/proyecto para colocar las instrucciones entre herramientas. |
| Página de aterrizaje cinematográfica con desplazamiento y scrub desde un video corto (el patrón github/lion/hope — clip de 5–15s se convierte en héroe de una sola pantalla donde el desplazamiento hace scrub del video fotograma a fotograma y 5 superposiciones de texto se desvanecen) | parallax-landing-page | Trae su PROPIA pila de tipografía (Anton + Caveat + Inter) y paleta de acento (oro/ámbar/acento/crema). NO llama a yuv-design-system — coexisten. Para páginas de aterrizaje parallax de YUV.AI, opcionalmente agregar la marca de agua fénix + URL de Linktree como hilo conductor. | Guarda en ~/Documents/yuv-projects/landings/<slug>/. Las implementaciones de referencia viven en examples/parasites/. |
| Página de aterrizaje con scrub de video estilo Apple con secciones normales abajo (héroe sticky hace scrub de N fotogramas mientras desplazas, luego las secciones de contenido continúan) | video-to-landing-page | yuv-design-system en Modo Neón para proyectos YUV.AI; sin sistema de diseño para trabajos genéricos / de terceros | El hermano más corto y convencional de parallax-landing-page. Usar cuando el héroe es un adelanto y el resto de la página lleva copia + CTA. |
| Aplicación web / panel / herramienta interactiva para YUV.AI | yuv-design-system (Modo Neón) | gsap · framework de elección (React, Svelte, simple) · mermaid-diagrams si hay un diagrama de arquitectura | Se aplica regla de un Anton por pantalla. Usar <CounterUp> para grandes estadísticas. Brillo solo en héroe / CTA principal. |
| Juego / experiencia 3D interactiva para YUV.AI | yuv-design-system (Modo Neón) | Three.js · gsap para interpolación · hyperframes si el juego está destinado a capturarse para un reel | Geometría facetada con colores de marca. Acentos rosa/cian sobre lienzo negro rico es la apariencia más fuerte. |
| Video promocional / reel / corto / TikTok / Shorts con Yuval | yuv-viral-video | video-use (cortes) · hyperframes (capa de composición) · gsap (gráficos en movimiento) · yuv-design-system para decisiones de tipo/paleta superpuestas · opcionalmente nano-banana-pro para imágenes de corte | Siempre renderiza AMBOS 9:16 Y 16:9. Guarda con sufijo _V<N>. Estilo editorial YUV.AI con opinión — ritmo MrBeast, tarjetas de vidrio características. |
| Video subtitulado / tutorial / presentador con subtítulos (hebreo, inglés o cualquier idioma compatible con Whisper) | video-edit | hyperframes · hyperframes-cli · yuv-design-system para decisiones de tipo/paleta si es de marca YUV.AI · Whisper (large-v3 por defecto) para transcripción | Más general que yuv-viral-video — flujo de trabajo de revisión de transcripción antes de renderizar, doble aspecto (16:9 + 9:16 desde la misma fuente), píldoras de subtítulos de vidrio líquido. Usar cuando el usuario quiere un video de muestra subtitulado en lugar de un corto viral al estilo MrBeast. |
| Video cinematográfico / cinematográfico generado por IA / cinematografía virtual 3D para YUV.AI | cinematic-ai-video (si está disponible) | hyperframes · yuv-design-system para cualquier tipografía superpuesta · nano-banana-pro | Cuando la fuente es completamente generada por IA en lugar de metraje editado. |
| Banner de video de firma (el iframe cinematográfico en bucle en la parte superior de una página de aterrizaje de YUV.AI) | yuv-design-system (Sitio Neón + composición compatible con Hyperframes) | hyperframes (renderiza el banner) · gsap (animación) | Patrón documentado en yuv-design-system/references/presentations.md § Banner de video de firma. |
| Tarjeta social / imagen OG / cuadrado de Instagram / póster para YUV.AI | yuv-design-system (Modo Neón — o Editorial Cálido para Hope/práctico) | nano-banana-pro para imágenes dentro de la marca · mermaid-diagrams si es diagrama técnico | Marca de agua abajo a la derecha, redes sociales canónicas si hay pie de página. |
| Bio de orador / tarjeta Acerca de / "conoce al presentador" | yuv-design-system (Modo Neón) | El bloque de credenciales canónico (2× GitHub Star, AWS Gen AI Superstar, Channel 12 News, AI Builder & Speaker, Fundador YUV.AI) + redes sociales canónicas | Siempre usa assets/profile-yuval-studio.png para la foto. |
| Hope / Marcus / bigcats.ai / practical.yuv.ai (página de aterrizaje de curso) | yuv-design-system (Modo Editorial Cálido) | hope-born-to-run (si es una campaña de Hope/Marcus) · cinematic-ai-video para cualquier clip de vida salvaje · nano-banana-pro para imágenes editoriales | Este es el único modo que prohíbe el blanco puro #FFFFFF. Textura de grano de papel obligatoria. |
| Lanzamiento multicanal (sitio + presentación + reel + tarjetas sociales + correo electrónico) | yuv-pilot permanece cargado | Llama a cada uno de los anteriores en secuencia. Recomendar un orden de construcción: sistema de diseño + activos de marca en su lugar → presentación (para la charla) → sitio (para la página de aterrizaje) → reel (para distribución) → tarjetas sociales (para amplificación) → correo electrónico (para la lista). | Este es el caso canónico de múltiples formatos. Construir la superficie del sistema de diseño primero; el resto toma prestado de ella. |
§3. Ejemplos prácticos
Ejemplo A — "Construye algo para mi próxima charla de IA"
Lectura: Señal YUV.AI ✓ (es su charla), formato = presentación. Un solo formato → enrutar directamente a yuv-decks, no es necesario que yuv-pilot permanezca involucrado.
Respuesta de transferencia:
Cargando
yuv-decks— estructurará un proyecto open-slide con la narrativa de 4 actos.