Erklärvideo-Studio

René findet die Erklärvideos „sehr interessant“ und will sie für eigene Zwecke nutzen: Portal-Hilfe für Kunden, Werbevideos für die SIM-Website, Kunden-Spots, Shorts. Ein Skill und ein Werkzeugkasten bauen Videos komplett per Code: Szenen als HTML mit GSAP-Zeitleiste (HyperFrames), Stimme über ElevenLabs, Musik und Geräusche selbst erzeugt, echte Abbilder der laufenden Seiten statt Nachbauten. Die Einbindung der Portal-Videos in die Hilfe-Leiste ist ein eigenes Projekt (portal-hilfe-erklaervideos).

• Skill /erklaervideo (/root/.claude/skills/erklaervideo/SKILL.md, Sicherung in _studio/skill/), Doku in /root/motion/_studio/doku/: HANDWERK.md, TECHNIK.md, LEHREN.md (lebende Liste mit Renés Korrekturen, nach jedem Video ergänzen).
• Werkzeugkasten /root/motion/_studio: neu.sh, werkzeug/bauen.sh, stimme.py (Stimme je Absatz mit Zwischenspeicher), cues.py, ton.py, clips.py (sprechende Figuren, Hochformat), transkript.py (faster-whisper), randpruefung.py, portal-video.py, veroeffentlichen.sh mit seite.py; Vorlagen vorlage/, vorlage-portal/; wiederverwendbarer Personensatz _studio/personen/ (16 Beispielpersonen); Kalle-Vorlage _studio/kalle/.
• Blindtest des Skills bestanden (02.10., skilltest). Übersichtsseite mit Stimmen-Hörproben und Kosten ist live.
• Portal-Serie komplett (09.10.): 16 Videos mit 57 bis 74 s, einheitlich dunkel, Peter Stern, Pipeline plan.json → portal-video.py → lib/portal.js; rund 1.540 ElevenLabs-Credits, keine Bild-Credits.
• Kosten gemessen: rund 100 ElevenLabs-Credits je Minute Video (Kontingent 300.000 im Monat), Claude rund 190.000 bis 310.000 Token je Video.

Videos in /root/motion (Ordner, ob fertige mp4 in web/ liegt):

• bebra-erklaervideo: ja (bebra.mp4, 105 s, Nachbau des Videos von 2017, Figuren mit Nano Banana 2)
• bebra-reel-erklaervideo: ja (bebra-reel.mp4, hochkant, 105 s)
• bedarfsanalyse-erklaervideo: ja (bedarfsanalyse.mp4, 75 s, auf der SIM-Website eingebaut, preprod)
• contentservice-erklaervideo: ja (contentservice.mp4, 82 s, auf der SIM-Website eingebaut, preprod)
• es-geht-um-dich-nachbau: ja (nachbau-0-21.mp4, nachbau-hoch-0-21.mp4, nachbau-hoch-ganz.mp4), eigene Akte injoy-film-ki-nachbau
• golfwebsites-erklaervideo: ja (golfwebsites.mp4, 114 s, 08.10.)
• golfwebsites-v2-erklaervideo: ja (golfwebsites-v2.mp4)
• golfwebsites-v3-erklaervideo: ja (golfwebsites-v3.mp4, laut Notiz V3 auf der Website /golf/#video, preprod)
• kalle-abnehmen-erklaervideo: ja (kalle-abnehmen.mp4), gehört zu kalle-influencer
• kalle-cardio-erklaervideo: ja (kalle-cardio.mp4, klang-1.mp4, klang-2.mp4), kalle-influencer
• kalle-rueckkehrer-erklaervideo: ja (kalle-rueckkehrer.mp4), kalle-influencer
• kalle-schwitzen-erklaervideo: ja (kalle-schwitzen.mp4), kalle-influencer
• portal-chatbot-erklaervideo: ja (portal-chatbot.mp4, KI-Berater)
• portal-cockpit-erklaervideo: ja (portal-cockpit.mp4)
• portal-kundenstimmen-erklaervideo: ja (portal-kundenstimmen.mp4)
• portal-kursplan-erklaervideo: ja (portal-kursplan.mp4)
• portal-leads-erklaervideo: ja (portal-leads.mp4, Prototyp)
• portal-news-erklaervideo: ja (portal-news.mp4)
• portal-partner-erklaervideo: ja (portal-partner.mp4)
• portal-platzstatus-erklaervideo: ja (portal-platzstatus.mp4)
• portal-postfach-erklaervideo: ja (portal-postfach.mp4)
• portal-scouting-erklaervideo: ja (portal-scouting.mp4, Empfehlungen)
• portal-shop-erklaervideo: ja (portal-shop.mp4, Bestellungen)
• portal-team-erklaervideo: ja (portal-team.mp4)
• portal-vertraege-erklaervideo: ja (portal-vertraege.mp4)
• portal-webstats-erklaervideo: ja (portal-webstats.mp4)
• portal-willkommen-erklaervideo: ja (portal-willkommen.mp4)
• portal-zeiten-erklaervideo: ja (portal-zeiten.mp4, Öffnungszeiten)
• scouting-dunkel-erklaervideo: ja (scouting-dunkel.mp4, 129 s, dunkle Fassung ohne sichtbaren Rahmen für die Website)
• scouting-erklaervideo: ja (scouting.mp4, 129 s, Fassung 4)
• skilltest-erklaervideo: ja (skilltest.mp4, 25 s Blindtest)
• smartoclock-erklaervideo: ja (smartoclock.mp4, 61 s, SecData-CI)
• webstatistik-erklaervideo: ja (webstatistik.mp4, 64 s, erstes Testvideo)
• Sonst in /root/motion: _studio (Werkzeugkasten) und vorlagen (4 Originalvideos von René mit Transkripten: Erklaerfilm_FF_2017, es_geht_um_dich_premium, finde-deine-staerke_premium, _Sandra_und_Frank).

Eingebaut auf der SIM-Website (preprod, René gibt nach main frei): Scouting (Seite /tools/empfehlungs-tool/), Content-Service (/tools/artikel-content-service/), Online-Bedarfsanalyse (/tools/online-bedarfsanalyse/), Golf (/golf/#video).

• René Portal-Serie ansehen (Übersicht brand/erklaervideos/) und Einbau in die Hilfe-Leiste samt Tracking freigeben (Hub-Auftrag); siehe portal-hilfe-erklaervideos.
• René sim-ops pushen; Commit 39e8fcc (Portal-Videos) war am 09.10. nicht gepusht wegen fremder Commits davor.
• René preprod nach main für die Website-Einbauten (Scouting, Content-Service, Online-Bedarfsanalyse); Violett oder SIM-Blau; Hochkant-Fassung für das Handy; Aussprache „ChatGPT“ anhören; unbelegte Prozentwerte auf der OBA-Seite prüfen.
• René Freigabe SecData und Einverständnis der Kanzlei für Logo und Namen im Smart-O'Clock-Video vor der Veröffentlichung.
• René Wiedervorlage #29 am 16.10.2026: Stufe 2 (Karte „Videostudio“ als Auftragsformular in der Zentrale), Einsatzorte, Stufe 3 (Serienvideos je Kunde mit echten Zahlen).
• René Bebra (ganzes Video und Reel) beurteilen und Kundenfreigabe; nächste Vorlagen aus vorlagen/ (finde-deine-staerke, Sandra_und_Frank).
• ich Scouting-Video nach Livegang des Theken-Scans neu aufnehmen und prüfen; Webstatistik-Video im Serienschema neu (echte Kunden-Website statt Muster).
• ich vor dem Veröffentlichen Projektkopien von werkzeug/ mit _studio abgleichen (veralten).

• 2026-10-02: Immer Skill /erklaervideo nutzen; LEHREN.md nach jedem Video und jeder Korrekturrunde ohne Aufforderung ergänzen.
• 2026-10-02: Statt erfundener Muster-Website eine echte Kunden-Website zeigen; vor dem Nachbau den aktuellen Stand der laufenden Seite ansehen, nicht aus dem Quelltext raten.
• 2026-10-02: Menschen nie als Kästen mit Buchstaben, sondern als Personenfotos; jede Person bleibt im ganzen Video dieselbe.
• 2026-10-02: Einbau auf Websites: nichts links, oben oder rechts angeschnitten, nur an der Unterkante; kein Selbststart, runder Abspielknopf in der Mitte, Start mit Ton, Bedienleiste unter dem Video, Video nie markierbar, über dem Video kein Text und kein KI-Hinweis.
• 2026-10-02: Produktregel „einladen/schenken“, nie „werben“; Automatik vollständig erfassen; Videolänge eher kürzen als verlängern.
• 2026-10-09: Portal-Serie: dunkel, 45 bis 60 s, Du, Peter Stern, Text aus hub/hilfe/<bereich>.kunde.md, nie echte Kundendaten zeigen (René: „gefällt mir schon super“).
• 2026-10-08: Golf-Video in Sie-Form, hell, 100 s, kein „Cookie“, keine fremden Logos, kein Preis.
• Keine Gedankenstriche, bei Fitness-Themen HWG beachten; Skills von HyperFrames nicht installieren (aktualisieren sich selbst).
• Vor docker cp in den Hub prüfen, ob ein Rollout läuft; im Hub-Container liegt brand unter /app/hub/public/brand/.

1. 09.10.2026
   Portal-Serie komplett, 16 Videos live (sim-ops 39e8fcc, nicht gepusht); Prototyp Leads (61 s) und Konzept am Vormittag, Info-Mail an service@.
2. 08.10.2026
   Golf-Websites-Werbevideo (114 s) veröffentlicht, Varianten v2 und v3 folgten (Projekte golfwebsites-v2, -v3).
3. 03.10.2026
   Bebra komplett (105 s) und Bebra-Reel komplett; ganzer INJOY-Film hochkant, drei Korrekturrunden (siehe injoy-film-ki-nachbau).
4. 02.10.2026
   Werbevideos Content-Service und Online-Bedarfsanalyse (Einbau preprod), Baukasten dunkel.css.
5. 02.10.2026
   Bebra erste 30 s und Reel; Originale in /root/motion/vorlagen/, Transkript-Werkzeug.
6. 02.10.2026
   Scouting-Video in vier Fassungen, dunkle Fassung ohne Rahmen, Einbau auf der SIM-Website.
7. 02.10.2026
   Skill und Werkzeugkasten, Blindtest bestanden, Übersicht live, Wiedervorlage #29, Übergabe-Mail, Hochformat und Sprech-Clips (Kalle).
8. 02.10.2026
   Zweites Testvideo Smart O'Clock (61 s).
9. 02.10.2026
   Erstes Testvideo Webstatistik (64 s, René: „schon mega“); Idee aus dem Video von Julian Ivanov.

• /root/motion (lokales Git, Branch master, kein Remote, rund 7 GB): je Video ein Ordner <name>-erklaervideo mit PROJEKTSTAND.md, web/ (fertige mp4), quellen/, werkzeug/bauen.sh; Werkzeugkasten /root/motion/_studio; Originale /root/motion/vorlagen.
• Veröffentlichung: hub/public/brand/erklaervideos/ im Hub (<name>.html, .mp4, -poster.jpg, videos.json, stimmen.html, hoerproben/, es-geht-um-dich/), Kopie per docker cp in den Hub-Container, Commit in sim-ops.
• Technik: HyperFrames 0.8.107, Node 22 unter /opt/node22, Chrome unter ~/.cache/puppeteer/chrome-headless-shell/… (HYPERFRAMES_BROWSER_PATH), faster-whisper in /opt/whisper-venv, ElevenLabs-Schlüssel in /root/transfer/keys/ und im Projekt .env (nicht übernehmen), kie.ai für Bilder.
• Website-Einbau: Repo /root/website-sim2026, Bausteine src/components/Erklaervideo.astro und ErklaervideoLeiste.astro, Dateien in public/videos/.
• Portal-Pipeline: _studio/vorlage-portal/, _studio/werkzeug/portal-video.py, lib/portal.js, Anleitungen hub/hilfe/<bereich>.kunde.md.
• Wiki: 40-Projekte/Videostudio Erklärvideos.md (SimHermes).