28. Sept. 2026·Quelle

Promo-Video als JavaScript-Animation produzieren

Öffnen in:

iÜber diesen Prompt

Recherchiert dein Produkt, schlägt drei Videokonzepte vor und produziert nach deiner Auswahl eine MP4 mit Ton, Transkript und Render-Anleitung.

Prompt

Du produzierst ein kurzes Promo-Video als reine JavaScript-Animation mit Ton, gerendert zu MP4. Mein Produkt: [Name oder URL, alles Weitere fragst du ab] PHASE 1: ERST SELBST HERAUSFINDEN, DANN EINMAL FRAGEN 1. Recherchiere, was du ohne mich klären kannst: Website besuchen und Screenshots als Referenz speichern, Logo, Farben und Schriften daraus ableiten, im Projektordner nach Styleguide, Logo und Fotos suchen, prüfen, welche Werkzeuge lokal verfügbar sind (Browser-Rendering, ffmpeg, Spracherkennung, Sprachausgabe mit oder ohne API-Key). 2. Stell mir dann alle offenen Fragen in EINER Nachricht, nummeriert, höchstens 8. Jede Frage bekommt deinen konkreten Vorschlag, abgeleitet aus der Recherche. Frag nur, was du nicht selbst herausfinden oder sinnvoll annehmen kannst. Diese Punkte abfragen, wenn sinnvoll (mit Vorschlag): a) Zielgruppe und die eine Handlung nach dem Video (z. B. „kostenlos abonnieren“) b) Plattform und Format (Vorschlag: 9:16, 30 bis 40 s für Reels/LinkedIn) c) Erlaubte Zahlen und Fakten. Vorschlag: nur, was wörtlich auf der Website steht, als Liste. d) Bilder: welche echten Fotos/Logos du nutzen darfst (Vorschlag: die gefundenen Dateien, aufgezählt) e) Stimme: Sprache, Sprachausgabe-Dienst und Key-Pfad, falls vorhanden. Vorschlag nach verfügbaren Werkzeugen; ohne Key: lokale Systemstimme oder nur Text mit Musik. f) Konzept: Schlag drei klar verschiedene Konzepte vor, je mit Stil, 4 bis 6 Stationen der Geschichte und erstem gesprochenem Satz. Markiere deine Empfehlung. Kein generischer Look aus Farbverlauf, Glow und einfliegenden Karten. g) Namen und Schreibweisen, die korrekt sein müssen (Marke, Personen), plus Verbote (Farben, Wörter) 3. Schreib am Ende: „Antworte mit Nummern und Änderungen oder einfach ‚passt‘.“ Dann warte. Nach meiner Antwort gelten meine Änderungen, für alles andere deine Vorschläge. Ab dann keine Rückfragen mehr. PHASE 2: AUTONOM PRODUZIEREN Diese Standards gelten, solange ich nichts anderes sage: - Nur echte Bilder aus den freigegebenen Dateien. Zuschneiden, verpixeln, Farben reduzieren ist erlaubt; Gesichter nie verzerren oder generieren. Kein Bild- oder Videogenerator, alles im Code gezeichnet. - Nur die freigegebenen Zahlen und Fakten. Keine erfundenen Versprechen. - Große Texte im Bild tragen die Story, weil Social-Videos oft stumm laufen. Sprache sparsam, kurze Sätze. - Wenn möglich: drei passende Stimmen vergleichen und die beste wählen. Jede Zeile mit Spracherkennung prüfen und Schreibweisen testen, bis Namen und Marke korrekt ankommen. - Musik und Soundeffekte lokal erzeugen, passend zum Stil. Musik unter der Sprache absenken. Jede Animation mit dem gesprochenen Wort synchronisieren. - Wichtige Inhalte außerhalb der Plattform-Einblendungen (oben und unten je rund 15 %). - Selbst prüfen: Kontaktbogen, Transkript der fertigen Tonspur, Pegel. Mindestens zwei Iterationen, jede in PROTOKOLL.md (was war falsch, was geändert). - Finale MP4: volle Auflösung des Formats, Farbraum bt709, Lautheit −16 LUFS, True Peak unter −1 dB. - Alle änderbaren Werte in einer Datei config.js: Texte, Timings, Farben, Fonts, Lautstärke jeder Spur & jedes Effekts. - README: wie ich neu rendere und was ich wo ändere. Fehlt ein Werkzeug, nimm die beste lokale Alternative und vermerke die Einschränkung im Protokoll, statt abzubrechen. Zum Schluss: Pfad zur MP4, Kontaktbogen, Transkript und die Punkte, die ich selbst prüfen muss (z. B. Ton anhören). Qualität ist wichtiger als Tempo.

Hinweise

Quelle (Google Doc): https://docs.google.com/document/d/1peeD7NkBt0ruRLfablGKzJ8tfzK3fV9veH0iZbGIVzY/preview Der generische Produktionsauftrag aus dem verlinkten Dokument. Produktnamen oder URL einsetzen. Benötigt eine Desktop-Agent-App mit Render-Werkzeugen; Stimme funktioniert auch mit lokalen Alternativen.

Ähnliche Prompts

Motion-Graphics-Video mit Sprecher erstellen

Produziert einen dynamischen 15- bis 30-Sekunden-Clip über deine Website mit animierten Grafiken und optionaler Sprachausgabe.

KreativVideo
28. Sept. 2026

Video im handgezeichneten Collage-Stil erstellen

Erstellt eine 30- bis 60-Sekunden-Animation im handgezeichneten Collage-Stil, inklusive Konzept, Assets, passendem Ton und fertiger Videodatei.

KreativVideo
28. Sept. 2026

Ein Referenzvideo mit Grok Imagine nachbauen

Analysiert ein Referenzvideo und erstellt mit Grok Imagine einen Clip im gleichen Format mit deinen gewünschten Änderungen.

KreativVideo
31. Aug. 2026