mfrancime/trident-archive

Produkt-Demo-Video

Erstelle 2-minütige Produkt-Demo-Videos für technische Projekte mit parallelen Build-Optionen und strukturiertem Kritik-Review.

Wann verwenden

• Demo eines GitHub-Repos, einer API oder eines technischen Produkts
• Schnell ein professionelles Erklärvideo benötigt
• Mehrere Ansatzoptionen gewünscht (animiert vs. einfach)

Workflow (7 Phasen)

DISCOVERY → SCRIPT → PARALLEL BUILD → PARALLEL CRITICS → ITERATE → FINAL → DELIVER
   │           │           │                │              │          │         │
 5-10m      10-15m      30-60m           10-15m        0-3 loops   gate    ship it

---

Phase 1: Discovery

Repo klonen und analysieren:

gh repo clone <owner/repo> /tmp/<repo>

Extrahieren:

• Was es tut (1 Satz)
• Für wen es gedacht ist
• 3-5 Hauptfunktionen
• Architektur/Ablauf
• Visuelle Assets (Logos, Diagramme)

Fragen (oder Standardwerte verwenden):

Frage	Standard
Dauer	2 Min
Zielgruppe	Gemischt (Technik + Business)
Ton	Professionell-konversationell
Format	Animiertes Erklärvideo

---

Phase 2: Skript

Verwende die Struktur aus references/script-template.md:

Szene 1: Aufhänger (0:00-0:15) — Problemstellung
Szene 2: Kontext (0:15-0:30) — Warum dies wichtig ist
Szene 3-5: Funktionen (0:30-1:30) — 3 Kernfähigkeiten, je 20s
Szene 6: Technisch (1:30-1:50) — Architektur/Glaubwürdigkeit
Szene 7: CTA (1:50-2:00) — Was als nächstes tun

Richtlinien:

• 150 Wörter/Minute
• Max. 20 Wörter/Satz
• Aktivform
• Konkret statt vage

---

Phase 3: Paralleler Build

Starte 2 Sub-Agenten, um Optionen gleichzeitig zu bauen:

// Option A: Remotion (animiert)
sessions_spawn({
  label: "demo-video-option-a",
  task: `Erstelle animiertes Demo-Video mit Remotion.
  
  Script: [Skript einfügen]
  Voice: Verwende ElevenLabs, Voice-ID CcEB0ARKH8qIyzh2I1OR
  Output: /tmp/demo-video/option-a.mp4
  
  Vorgehen:
  1. Generiere Voiceover pro Szene (ElevenLabs API)
  2. Erstelle Remotion-Projekt mit Szenenkomponenten
  3. Synchronisiere Animationen mit Audio-Timing
  4. Rendere mit 1080p 30fps`
})

// Option B: Slides + ffmpeg (einfach)
sessions_spawn({
  label: "demo-video-option-b", 
  task: `Erstelle slide-basiertes Demo-Video.
  
  Script: [Skript einfügen]
  Voice: Verwende ElevenLabs, Voice-ID CcEB0ARKH8qIyzh2I1OR
  Output: /tmp/demo-video/option-b.mp4
  
  Vorgehen:
  1. Generiere Voiceover (ElevenLabs API)
  2. Erstelle Slides mit Puppeteer (HTML → PNG)
  3. Kombiniere mit ffmpeg, synchronisiere mit Audio
  4. Füge einfache Übergänge hinzu`
})

Auf beide warten. Optionen dem Benutzer präsentieren oder basierend auf Qualität automatisch auswählen.

---

Phase 4: Parallele Kritiker

Starte 2 Kritiker-Personas (siehe references/ für vollständige Bewertungsbögen):

// Business-Kritiker
sessions_spawn({
  label: "critic-business",
  task: `Bewerte Demo-Video als Business-Kritiker "Mike".
  
  Video: [Pfad]
  Script: [Inhalt]
  
  Siehe references/critic-business.md für vollständige Persona und Bewertungsbogen.
  
  Bewertung: Klarheit, Professionalität, Business-Wert (1-10 je)
  Output: Strukturierte Bewertung mit Gesamtnote und spezifischen Korrekturen.`
})

// Technischer Kritiker  
sessions_spawn({
  label: "critic-technical",
  task: `Bewerte Demo-Video als Technischer Kritiker "Senior Engineer".
  
  Video: [Pfad]
  Script: [Inhalt]
  
  Siehe references/critic-technical.md für vollständige Persona und Bewertungsbogen.
  
  Bewertung: Technische Genauigkeit, Glaubwürdigkeit, Vollständigkeit (1-10 je)
  Output: Strukturierte Bewertung mit Gesamtnote und spezifischen Korrekturen.`
})

---

Phase 5: Iterieren

Qualitätstore:

Tor	Aktion
Beide Kritiker ≥7,5, keine kritischen Probleme	→ Ausliefern
Irgendein Kritiker <7,0 ODER kritisches Problem	→ Iterieren
Nach 3 Iterationen immer noch nicht bestanden	→ An Menschen eskalieren

Iterationsschleife:

1. Alle kritischen/wichtigen Probleme sammeln
2. Nach Schweregrad korrigieren
3. Nur betroffene Szenen neu rendern (falls möglich)
4. Kritiker erneut ausführen

---

Phase 6: Endgültige Überprüfung

Vor der Auslieferung prüfen:

• Beide Kritiker bestanden (7,5+)
• Keine kritischen Probleme mehr vorhanden
• Audio korrekt synchronisiert
• Alle Szenen sauber gerendert
• CTA klar

---

Phase 7: Ausliefern

Ausgabe:

✅ Demo-Video fertig!

📹 Video: demo-video-final.mp4 (2:03)
🎯 Zielgruppe: [Zielgruppe]
📊 Bewertungen: Business 8,2/10 | Technisch 7,8/10

Abgedeckt:
1. [Kernpunkt 1]
2. [Kernpunkt 2]  
3. [Kernpunkt 3]

Dateien gespeichert unter: [Speicherort]

Ausliefern an:

• Slack-Kanal (falls angegeben)
• Speichern in workspace/outputs/

---

Werkzeuge & Abhängigkeiten

Werkzeug	Zweck	Erforderlich
ElevenLabs	Voiceover-Generierung	Ja
Remotion	React-Video-Framework (Option A)	Eines von A/B
ffmpeg	Videoverarbeitung (Option B)	Eines von A/B
Puppeteer	Slide-Screenshots (Option B)	Eines von A/B
sessions_spawn	Parallele Sub-Agenten	Ja

Standardstimme: CcEB0ARKH8qIyzh2I1OR (Jeremy – Technischer Tutorial-Erzähler)

---

Dateireferenzen

• references/critic-business.md — Business-Kritiker-Persona & Bewertungsbogen
• references/critic-technical.md — Technischer-Kritiker-Persona & Bewertungsbogen
• references/script-template.md — Szenenweise Skriptstruktur
• templates/remotion/ — Remotion-Projektgerüst mit Komponenten
• scripts/generate-voiceover.py — ElevenLabs TTS-Helfer
• scripts/render-slides.sh — ffmpeg Slide-zu-Video-Kombination