AeVideoGen – Produktionsreife Produktvideos aus echtem Quellcode

AeVideoGen By HxdLabs_ v1.0.1

Erstelle einen Produktfilm, der kommerziell ausgeliefert werden könnte. Halte das Produktverhalten wahrheitsgetreu, die Geschichte kausal, die Typografie lesbar, den Fokus beabsichtigt, die Bewegung lebendig, die Überprüfung exakt und den Export stabil.

Erzwinge den Produktionsvertrag

• Verwende niemals HyperFrames.
• Behandle die angeforderte Produktversion und ihren Quellcode als visuelle und verhaltensbezogene Wahrheit.
• Verwende Referenzvideos für Timing, Bewegungsgrammatik, Kamerasprache, Typografie und Übergangsstruktur; kopiere niemals Assets von Drittanbietern oder gib vor, dass ein anderes Produkt das des Benutzers ist.
• Bewahre die nativen UI-Proportionen. Skaliere gleichmäßig; strecke niemals.
• Jeder Mausklick muss das sichtbare reale Bedienelement treffen und die Kamera muss auf dasselbe Ziel fokussieren.
• Erfinde keine nicht unterstützten Funktionen, Behauptungen, Quellzustände, Kopien, Icons oder Layouts.
• Rendere erst ein endgültiges Video, wenn der Benutzer die genaue Browser-Vorschau ausdrücklich genehmigt hat.
• Sichere die akzeptierte Basislinie vor wesentlichen Änderungen und verwende versionierte Ausgabepfade.
• Downgrade nicht stillschweigend Auflösung, Bildrate, Dauer, Quellversion, Story-Priorität oder Musikabstimmung.

Führe das Vollständigkeitstor vor der Implementierung aus

Überprüfe zuerst die Eingabeaufforderung des Benutzers und alle bereitgestellten Artefakte. Frage nicht nach Fakten, die bereits in Dateien, Quellcode, Metadaten oder der Konversation vorhanden sind.

Gib sofort einen geführten Kickoff vor der Implementierung zurück:

1. fasse zusammen, was bereits erhalten wurde;
2. liste blockierende Lücken auf und erkläre, wie sich jede auf die kommerzielle Qualität auswirkt;
3. biete proaktiv die genauen Assets oder Entscheidungen an, die der Benutzer bereitstellen kann;
4. stelle die nächsten ein bis drei Fragen mit der größten Auswirkung;
5. empfehle den Goal-Modus für die mehrstufige Produktion und stelle eine einfügebereite Goal-Zielsetzung, Eingaben, Einschränkungen, Phasen und Abschlusskriterien bereit.

Biete für jede blockierende oder nützliche fehlende Entscheidung zwei oder drei konkrete Optionen an. Setze die empfohlene Option an die erste Stelle, erkläre die sichtbare Konsequenz jeder Wahl und erlaube dem Benutzer, mit „按推荐方案“ zu antworten, wenn angemessen. Blockiere niemals mit einer unerklärten offenen Frage.

Erstelle kein Goal, es sei denn, der Benutzer bittet ausdrücklich darum, ein Goal zu erstellen/starten/verwenden. Die Empfehlung und die einfügebereite Goal-Kurzbeschreibung sind für umfangreiche Filmarbeiten obligatorisch; die automatische Goal-Erstellung ist verboten.

Erstelle brief.json aus assets/web-motion-starter/brief.json und führe dann Folgendes aus:

python3 scripts/validate_brief.py brief.json

Wenn ein blockierendes Feld unbekannt bleibt, stelle präzise Fragen und fahre in späteren Runden fort, bis das Briefing vollständig ist. Frage ein bis drei zusammenhängende Fragen auf einmal. Beginne nicht mit der kreativen Implementierung, nur weil einige Anforderungen erwähnt wurden.

Fahre mit aufgezeichneten Annahmen nur fort, wenn der Benutzer ausdrücklich sagt, dass du dein bestes Urteilsvermögen einsetzen, Fragen überspringen oder mit einem unvollständigen Briefing beginnen sollst. Markiere jedes solche Feld in assumptions und halte faktenbasierte Informationen mit hoher Auswirkung bereit.

Lies references/intake-and-clarification.md vollständig, wenn das Briefing neu, unvollständig, widersprüchlich oder wesentlich überarbeitet ist. Lies references/guided-production.md vollständig beim Kickoff und verwende sein Fortschrittsbericht-Format während der gesamten Produktion. Lies references/decision-options.md, wenn Anforderungen fehlen oder der Benutzer fragt, was er wählen soll.

Führe den Arbeitsablauf aus

1. Schützen und prüfen

• Überprüfe den Repository-Zustand, die Version, Routen, Komponenten, Stores, Stile, Abmessungen, Schriftarten, Icons, Zustandsübergänge, Zieltrefferbereiche und private Daten.
• Erstelle eine wiederherstellbare Basislinie vor großen Bearbeitungen.
• Erstelle ein Beweisprotokoll, das jede gefilmte Behauptung und jeden Zustand entweder auf Quellcode oder explizite Benutzerbestätigung zurückführt.
• Sende nach der Prüfung einen kurzen Fortschrittsbericht: abgeschlossene Beweise, verbleibendes Risiko und das nächste überprüfbare Artefakt.
• Lies references/source-reconstruction.md vollständig, bevor du eine Produkt-UI rekonstruierst.

2. Referenzen analysieren, ohne sie zu kopieren

Für jedes bereitgestellte Referenzvideo:

1. Lies Dauer, Auflösung, Bildrate, Audio und Aufnahmestruktur.
2. Extrahiere Frames dicht genug, um Animationen zu sehen – keine Multi-Sekunden-Thumbnails.
3. Füge 8–12fps-Fenster um Schnitte, Morphs, Zooms, Texteinblendungen, Klicks und Übergänge hinzu.
4. Sieh dir die vollständige Referenz in normaler Geschwindigkeit mit Audio an.
5. Erstelle ein Bewegungsprotokoll: Subjekt, Kamerapfad, Easing, Dauer, Übergabe, Maske/Form, Typografie, Haltepunkt und Sound-Cue.
6. Übersetze diese Grammatik auf das reale Produkt und die Marke des Benutzers.

Führe scripts/analyze_reference_video.py für eine deterministische Extraktion aus. Lies references/reference-video-analysis.md vollständig, bevor du eine Stilübereinstimmung oder Nachbildung behauptest.

3. Schreibe den kausalen Film

Verwende diese Erzählkette:

Benutzerkontext → Reibung → Produktaktion → sichtbares Ergebnis → erinnerter Wert

• Gib jeder Szene einen Zweck und ein dominantes visuelles Subjekt.
• Platziere das primäre Versprechen – nicht eine sekundäre Funktion – innerhalb des musikalischen Höhepunkts.
• Verwende reinen Text als sinnvolle Interpunktion oder ein gemeinsames Element, niemals als Füllmaterial.
• Zeige eine große Frage lang genug zum Lesen, dann verwandle/docke dasselbe Element in das tatsächliche Eingabefeld an.
• Plane jeden Zeilenumbruch von Überschriften. Lasse niemals einen versehentlichen Umbruch zu.
• Erstelle production.json vor der Animation und halte es aktuell.
• Führe scripts/validate_timeline.py production.json --strict nach Timing-Änderungen aus.
• Melde die vorgeschlagene Szenenkette, die Platzierung des Höhepunkts und ungelöste kreative Entscheidungen vor der vollständigen Implementierung.

Lies references/creative-direction.md vollständig, bevor du den Szenengraphen entwirfst. Lies references/commercial-quality.md, bevor du eine Richtung als kommerziell bereit erklärst.

4. Analysiere und bearbeite Musik

Führe Folgendes aus:

python3 scripts/analyze_music.py music.mp3 --target-duration 30 --output music-map.json

• Höre dir alle Kandidatenfenster an; algorithmische Marker sind Vorschläge.
• Wähle einen musikalisch kohärenten Quellbereich und zeichne seinen Offset auf.
• Kartiere Abschnittsanhebungen und Hauptschläge, nicht jeden Schlag.
• Bewahre ein Höhepunktsbecken: Annäherung, lesbarer Höhepunkt, Auflösung.
• Halte das Szenentempo lesbar, während szeneninterne Akzente immer noch auf Schläge treffen können.

5. Baue reale Produktzustände nach

• Verwende tatsächliche Quellkomponenten, CSS, SVG, Icons, Schriftarten, Kopien und Zustandslogik wieder, wo erlaubt.
• Ersetze Netzwerkzustand durch deterministische, schema-treue lokale Fixtures.
• Halte die endgültige Komposition unabhängig von Laufzeit-Netzwerkaufrufen.
• Zeichne jede native Oberflächenabmessung auf und skaliere sie gleichmäßig.
• Leite Klickzentren nach dem endgültigen Layout von getBoundingClientRect() ab.
• Demonstriere tatsächliche Zustandsänderungen; skaliere keinen Screenshot und nenne ihn Interaktion.

6. Choreografiere Fokus und Kontinuität

• Reihenfolge der Aufmerksamkeit: Fokus, Zeigerannäherung, Klick, Feedback, Ergebnis.
• Wenn eine Szene ihre beabsichtigte Rahmung erreicht, verwende eine kontinuierliche Kamerabewegung – nicht drei oder vier korrigierende Neuzentrierungen.
• Behandle die vollständige bedeutungsvolle Gruppe als visuelles Zentrum: für Chat, zentriere Frage plus Antwort; für ein Plugin, zentriere das Plugin, es sei denn, ein bestimmtes Bedienelement ist das deklarierte Subjekt.
• Zoome entschlossen, wo das Publikum lesen muss. Schütze keinen leeren Raum auf Kosten der Lesbarkeit.
• Halte lesbare Haltepunkte mit untergeordneter Bewegung lebendig; friere den Rahmen nicht tot ein.
• Verwische/verdunkle irrelevantes Material, wenn es nicht rechtzeitig gelesen werden kann.
• Bevorzuge Shared-Element-, FLIP-, Formvererbungs-, Masken-, Fokus-Zieh- und Scroll-Kontinuitätsübergänge.
• Leite jeden Zustand aus deterministischer Zeit ab. Stelle window.__AE_VIDEO__.render(t) bereit.

7. Überprüfung auf localhost

• Stelle die genaue Komposition mit Play/Pause, Scrubber, Sekunden, Frame-Index, ±1-Frame-Schritt, Zeitauslese und Szenenmarkierungen bereit.
• Verstecke alle Überprüfungssteuerelemente im Aufnahmemodus.
• Überprüfe Kontrollpunkte um jeden Klick, Zoom, Zeilenübergang, Shared-Element, Höhepunkt und Ende.
• Spiele den gesamten Film mit Audio in normaler Geschwindigkeit ab.
• Überprüfe echte Trefferziele, native Verhältnisse, beabsichtigte Zeilenumbrüche, Lesezeit, visuelles Zentrum, kontinuierliche Bewegung, Quellwahrheit und Musik-Synchronisation.
• Zeige dem Benutzer die genaue Vorschau und warte auf ausdrückliche Genehmigung.
• Melde, was sich seit der letzten akzeptierten Vorschau geändert hat, und leite den Benutzer zu den genauen Zeitbereichen, die überprüft werden müssen.

Lies references/qa-gates.md vollständig und bestehe jedes blockierende Tor.

8. Rendere nur die genehmigte Version

• Behandle die Vorschau-Genehmigung und die Export-Erlaubnis als zwei separate Entscheidungen.
• Erkläre nach der Vorschau-Genehmigung in einfacher Sprache, dass der Export die localhost-Animation in eine teilbare Videodatei umwandelt. Frage, ob der Benutzer jetzt exportieren möchte.
• Biete vor dem Export klare Qualitätsoptionen mit Konsequenzen für Klarheit, Glätte, Render-Last, Zeit, Speicher und Kompatibilität an. Empfehle eine Option für das Gerät und die Plattform des Benutzers.
• Bestätige Auflösung, Bildrate, Format/Codecs, Audio, Plattform und Dateiname. Exportiere erst, wenn der Benutzer die Exportspezifikation ausdrücklich bestätigt hat.
• Setze approval.status, approval.approvedVersion, approval.exportRequested und approval.exportSpecConfirmed nur nach ihren entsprechenden expliziten Entscheidungen.
• Führe scripts/validate_brief.py brief.json --final und scripts/validate_timeline.py production.json --final --strict aus.
• Rendere in ein neues Frame-Verzeichnis und einen neuen Dateinamen. Mische niemals alte und neue Frames.
• Bevorzuge den stabilen Compositor-Handshake in scripts/render_web_video.mjs; stoppe bei einem instabilen Frame, anstatt eine Beschädigung zu exportieren.
• Behandle 2560×1440 bei 60fps als starke Standardeinstellung, wenn 4K60 die verfügbare Hardware übersteigt, aber ändere niemals die Zielspezifikationen ohne Benutzerfreigabe.
• Kodiere H.264/AAC yuv420p mit faststart, führe dann ffprobe, eine vollständige Dekodierung, Kontinuitätsprüfungen und eine visuelle Kontaktbogen-Überprüfung aus.

Blockiere diese Fehler

• unvollständiges Briefing ohne ausdrückliche Erlaubnis zur Annahme;
• virtueller Klick, falsch zentrierter Zoom oder nicht unterstützte Funktion;
• wiederholte Mikro-Neuzentrierung innerhalb einer Aktion;
• gestreckte/beschnittene Produktoberfläche oder willkürliche interne Typgrößenänderung;
• wichtiger Text zu klein, zu kurz, verdeckt oder versehentlich umgebrochen;
• bedeutungsloser kleiner Text, eingefügt, um Platz zu füllen;
• Szene tot eingefroren oder zu schnell, ohne eine sinnvolle Aktion abzuschließen;
• nicht zusammenhängende Subjekte, die wiederholt in die Mitte tauschen;
• großer Text und sein Zielfeld, die während eines Morphs nicht übereinstimmen;
• Übergang ohne geerbte Geometrie, Bewegung, Farbe, Fokus oder Bedeutung;
• musikalischer Höhepunkt, der dem falschen Wert zugewiesen wurde;
• Referenzvideo zu spärlich abgetastet, um seine Bewegung zu verstehen;
• letzte Seite, erfunden aus generischen Feature-Karten anstatt aus quellbasierten Produktbeweisen;
• endgültiger Render, der vor der Genehmigung gestartet oder mit zerrissenen/teilweisen Frames exportiert wurde.
• Export gestartet ohne separate Qualitätsauswahl in einfacher Sprache und ausdrückliche Exportbestätigung.

Leite gebündelte Ressourcen weiter

• references/intake-and-clarification.md: erforderlich für die Vollständigkeit des Briefings und das Nachfassverhalten.
• references/guided-production.md: erforderlich für starkes Onboarding, Goal-Modus-Übergabe und Fortschrittskommunikation.
• references/decision-options.md: erforderlich für empfohlene Optionen, Alternativen und anfängerfreundliche Kompromisse.
• references/reference-video-analysis.md: erforderlich für die Analyse von Referenzvideos oder die Nachbildung von Stilen.
• references/source-reconstruction.md: erforderlich für Website, Erweiterung, App oder