yuv-pilot — die YUV.AI Fähigkeitenpyramide
Der Flugdirektor. Fliegt das Flugzeug nicht – sagt dir, welches Besatzungsmitglied es tun soll.
Diese Fähigkeit ist die Spitze der YUV.AI Fähigkeitenpyramide. Ihre Aufgabe ist es, eine YUV.AI-Markenanfrage zu erkennen, zu identifizieren, was tatsächlich gefragt wird, die richtige Kombination von nachgelagerten YUV.AI-Fähigkeiten auszuwählen und sauber zu übergeben. Sie erzeugt keine visuelle Ausgabe, schreibt keinen Code und rendert keine Assets. Sie ist ein Router.
Die Metapher passt zur Marke: In der Flugbetriebsabteilung betankt der Pilot das Flugzeug nicht, belädt keine Fracht und wickelt keine Flugsicherung ab. Der Pilot entscheidet über die Mission und sagt dem richtigen Spezialisten, wann er handeln soll.
§0. Wann anwenden — striktes YUV.AI-Tor
✅ Anwenden, wenn
- Der Benutzer YUV.AI, "meine Marke", "mein Designsystem", "für mich", "mein Launch", "meine Kanäle", "Let's Fly High" erwähnt ODER explizit
/yuv-pilotaufruft. - Das Ergebnis mehrere Medien umfasst – ein Launch, der eine Website + Deck + Clip + Social Cards benötigt, ist der kanonische Fall.
- Der Benutzer fragt "was soll ich für YUV.AI bauen" / "wie versende ich X für meine Marke" – strategisch, noch kein einzelnes Artefakt.
- Das Medium mehrdeutig ist und eine Klärung helfen würde – z.B. "mach etwas für mich zu MCP" (könnte Deck, Blog, Clip, Social, Seitenabschnitt sein).
❌ Nicht anwenden, wenn
- Die Anfrage eindeutig ein Medium betrifft UND eine spezifische nachgelagerte Fähigkeit sie offensichtlich besitzt:
- "Mach mir ein YUV.AI-Deck über X" →
yuv-decksgewinnt direkt. yuv-pilot bleibt draußen. - "Bearbeite dieses Video zu einem viralen Kurzvideo für mich" →
yuv-viral-videogewinnt. yuv-pilot bleibt draußen.
- "Mach mir ein YUV.AI-Deck über X" →
- Die Anfrage nicht YUV.AI-bezogen ist (generisches Spiel / App / Kundenarbeit / Drittanbietermarke). Die gesamte Pyramide bleibt draußen.
- Der Benutzer bereits das spezifische Tool / die Fähigkeit genannt hat, das/die er verwenden möchte.
Das Prinzip: yuv-pilot ist die Eingangstür für Mehrdeutigkeit. Wenn der Weg offensichtlich ist, lass die spezifische Fähigkeit die Anfrage übernehmen.
§1. Die YUV.AI Fähigkeitenpyramide
┌─────────────────────┐
│ yuv-pilot │ ← du bist hier
│ (Absicht → Route) │
└──────────┬──────────┘
│
┌────────────────────────┼────────────────────────┐
▼ ▼ ▼
┌─────────┐ ┌─────────────┐ ┌──────────────┐
│yuv-decks│ │ yuv-design- │ │ yuv-viral- │
│ │ │ system │ │ video │
│ Vorträge│ │ │ │ │
│ Folien │ │ Palette, │ │ kurze MP4s, │
│ Keynotes │ │ Typografie, │ │ Reels, Shorts│
│ open- │ │ Assets, │ │ video-use + │
│ slide │ │ Socials, │ │ hyperframes │
│ Yuval │ │ Credentials │ │ MrBeast-Pace │
│ Stimme │ │ 3 Modi │ │ │
└────┬────┘ └──────┬──────┘ └──────┬───────┘
│ │ │
▼ ▼ ▼
open-slide Tokens / Komponenten hyperframes
Folien-Authoring Marken-Assets video-use
nano-banana-pro Social-Link-Set gsap
mermaid-diagramme Lektionen gelernt nano-banana-pro
gsap gsap
╲ ╱
╲ ╱
╲ ╱
▼ ▼
┌─────────────────────────────┐
│ Marken-DNA (Universeller │
│ Fly High-Roter Faden) │
│ • Flugmetaphern │
│ • HUD + Zifferblätter │
│ • Phönix-Zeichen + Wasserzeichen│
│ • Anton + JetBrains Mono │
│ • "Let's Fly High" │
└─────────────────────────────┘
Wie man die Pyramide liest
- Oberste Ebene (Orchestrator):
yuv-pilot. Routet Absichten. - Mittlere Ebene (meinungsstarke YUV.AI-Fähigkeiten):
yuv-decks,yuv-design-system,yuv-viral-video. Jede besitzt einen Ausgabemodus. Jede ruft die untere Ebene auf. - Untere Ebene (generische Werkzeuge):
open-slide,hyperframes,gsap,nano-banana-pro,video-use,mermaid-diagramme,slide-authoring. Nicht YUV.AI-spezifisch; die mittlere Ebene verwendet sie. - Die Marken-DNA-Schicht durchzieht die gesamte Pyramide – jede YUV.AI-Ausgabe, unabhängig vom Medium, trägt den Flug-Roten-Faden. Die Palette ist das Kapitel; die Motive sind die Marke.
§2. Routing-Tabelle — Medium → Zusammensetzung
Wenn das Ergebnis klar ist, leite direkt weiter. Wenn es mehrdeutig ist, frage einmal und leite dann weiter.
| Benutzer wünscht… | Leitfähigkeit | Kombinieren mit | Hinweise |
|---|---|---|---|
| Foliendeck / Keynote / Vortrag / Hackathon-Präsentation für YUV.AI | yuv-decks | yuv-design-system (Decks-Modus — Fly High Lila/Gelb/Grau) · slide-authoring · open-slide · optional nano-banana-pro für Heldenbilder · optional mermaid-diagramme für Architekturdiagramme | yuv-decks erstellt Grundgerüst via ./scripts/new-deck.sh. Legt AGENTS.md / CLAUDE.md / .github/copilot-instructions.md im neuen Deck-Stammverzeichnis ab. |
| Website / Landingpage / Portfolio / Über-Seite für YUV.AI | yuv-design-system (Neon-Modus — Pink/Cyan/Weiß oder Tiefschwarz) | gsap für nicht-triviale Animationen · hyperframes wenn der Held eine MP4-renderbare Komposition benötigt | Neues Projekt: Führe install-agent-instructions.sh /path/to/project aus, um die werkzeugübergreifenden Anweisungen zu platzieren. |
| Kinematografisches Scroll-Scrub-Landing von einem kurzen Video (das github/lion/hope-Showcase-Muster – 5–15s Clip wird zu einem einschirmigen Helden, bei dem Scrollen das Video Frame für Frame durchgeht und 5 Textüberblendungen überblenden) | parallax-landing-page | Bringt EIGENEN Schriftstapel (Anton + Caveat + Inter) und Akzentpalette (Gold/Amber/Akzent/Creme). Ruft NICHT yuv-design-system auf – sie koexistieren. Für YUV.AI-Parallax-Landings optional das Phönix-Wasserzeichen + Linktree-URL als roten Faden hinzufügen. | Speichert unter ~/Documents/yuv-projects/landings/<slug>/. Referenzimplementierungen leben unter examples/parasites/. |
| Apple-artiges Video-Scrub-Landing mit normalen Abschnitten darunter (klebriger Held scrubbt N Frames beim Scrollen, dann folgen Inhaltsabschnitte) | video-to-landing-page | yuv-design-system im Neon-Modus für YUV.AI-Projekte; kein Designsystem für generische / Drittanbieterarbeit | Der kürzere, konventionellere Verwandte von parallax-landing-page. Verwende, wenn der Held ein Teaser ist und der Rest der Seite Text + CTA trägt. |
| Web-App / Dashboard / interaktives Werkzeug für YUV.AI | yuv-design-system (Neon-Modus) | gsap · Framework der Wahl (React, Svelte, plain) · mermaid-diagramme falls es ein Architekturdiagramm gibt | Regel „Ein Anton pro Bildschirm“ gilt. Verwende <CounterUp> für große Statistiken. Leuchten nur auf Held / primärem CTA. |
| Spiel / interaktive 3D-Erfahrung für YUV.AI | yuv-design-system (Neon-Modus) | Three.js · gsap für Tweens · hyperframes wenn das Spiel für einen Clip aufgenommen werden soll | Facettierte markenfarbene Geometrie. Pink/Cyan-Akzente auf tiefschwarzer Leinwand ist der stärkste Look. |
| Promo-Video / Clip / Kurzvideo / TikTok / Shorts mit Yuval | yuv-viral-video | video-use (Schnitte) · hyperframes (Kompositionsebene) · gsap (Bewegungsgrafik) · yuv-design-system für Typografie/Paletten-Overlay-Entscheidungen · optional nano-banana-pro für Cutaway-Bilder | Rendert IMMER BOTH 9:16 AND 16:9. Speichert mit _V<N>-Suffix. Meinungsstarker YUV.AI-Redaktionsstil – MrBeast-Tempo, charakteristische Glaskarten. |
| Untertitel-Video / Tutorial / Sprecherkopf mit Untertiteln (Hebräisch, Englisch oder jede Whisper-unterstützte Sprache) | video-edit | hyperframes · hyperframes-cli · yuv-design-system für Typografie/Paletten-Entscheidungen wenn YUV.AI-gekennzeichnet · Whisper (large-v3 Standard) für Transkription | Allgemeiner als yuv-viral-video – Arbeitsablauf Transkript-Prüfung-vor-Rendering, doppeltes Seitenverhältnis (16:9 + 9:16 aus derselben Quelle), flüssige Glas-Untertitel-Pillen. Verwende, wenn der Benutzer ein untertitelte Showcase statt einem viralen MrBeast-schnellen Kurzvideo wünscht. |
| Kinematografisch / kinematografisches KI-generiertes Video / 3D-virtuelle Kameraführung für YUV.AI | cinematic-ai-video (falls verfügbar) | hyperframes · yuv-design-system für jegliche Overlay-Typografie · nano-banana-pro | Wenn die Quelle vollständig KI-generiert statt bearbeitetem Filmmaterial ist. |
| Signatur-Video-Banner (der kinematografische, loopende iframe oben auf einer YUV.AI-Landingpage) | yuv-design-system (Neon-Seite + Hyperframes-kompatible Komposition) | hyperframes (rendert das Banner) · gsap (Animation) | Muster dokumentiert in yuv-design-system/references/presentations.md § Signatur-Video-Banner. |
| Social-Card / OG-Bild / Instagram-Quadrat / Poster für YUV.AI | yuv-design-system (Neon-Modus — oder Warm Editorial für Hope/praktisch) | nano-banana-pro für markenkonforme Bilder · mermaid-diagramme falls technisches Diagramm | Wasserzeichen unten rechts, kanonische Socials falls es eine Fußzeile gibt. |
| Sprecher-Bio / Über-Karte / "Lerne den Gastgeber kennen" | yuv-design-system (Neon-Modus) | Der kanonische Credentials-Block (2× GitHub Star, AWS Gen AI Superstar, Channel 12 News, AI Builder & Speaker, Gründer YUV.AI) + kanonische Socials | Verwendet immer assets/profile-yuval-studio.png für das Foto. |
| Hope / Marcus / bigcats.ai / practical.yuv.ai (Kurs-Landing) | yuv-design-system (Warm Editorial-Modus) | hope-born-to-run (falls es eine Hope/Marcus-Kampagne ist) · cinematic-ai-video für etwaige Wildtierclips · nano-banana-pro für redaktionelle Bilder | Dies ist der einzige Modus, der reines #FFFFFF verbietet. Papierkorn-Textur obligatorisch. |
| Kanalübergreifender Launch (Seite + Deck + Clip + Social-Cards + E-Mail) | yuv-pilot bleibt geladen | Ruft jede der obigen der Reihe nach auf. Empfehle eine Build-Reihenfolge: Designsystem + Marken-Assets an Ort und Stelle → Deck (für den Vortrag) → Seite (für die Landing) → Clip (für die Verteilung) → Social-Cards (für die Verstärkung) → E-Mail (für die Liste). | Dies ist der kanonische Multi-Medien-Fall. Baue zuerst die Designsystem-Oberfläche; der Rest leiht sich davon. |
§3. Ausgearbeitete Beispiele
Beispiel A — "Baue mir etwas für meinen nächsten KI-Vortrag"
Lesung: YUV.AI-Signal ✓ (es ist sein Vortrag), Medium = Deck. Ein-Medium → leite direkt an yuv-decks weiter, yuv-pilot muss nicht beteiligt bleiben.
Übergabeantwort:
Lade
yuv-decks– es wird ein open-slide-Projekt mit der 4-Akt-Erzählung erst.