← Leitfäden
Leitfäden

KI-Produktvideos, bei denen niemand weiterscrollt

Neun echte Filme, die Ersten Frames, die sich geändert haben, und ein praxisnaher Workflow, um ein Produkt-Update in ein Social-Video zu verwandeln – mit Claude Code, HyperFrames und wiederverwendbaren Prompts.

TuolaTuola 23. Oktober 2026 Schriftliche Anleitung
Vorschau: KI-Produktvideos, bei denen niemand weiterscrollt

Fallbeispiele

OpenDesign-Motion-Launch-Video

Nachbau-Prompt (der Prompt selbst ist auf Englisch)

A 37s 16:9 launch film, "Introducing OpenDesign Motion" — the open-source alternative to Claude Motion. Playful, premium, minimal text, cut to an upbeat 115 BPM funk track.

Open on a living oil-painting sky where a prompt types itself in the OpenDesign composer; on send, the letters fly into a 3D title. On the drop, the Claude logo appears and "The open-source alternative" slams in above it. Pull back into a tilting wall of motion films and dive into three of them. Beat break: "Not just Opus 5.5." Then "Any model. Any agent." with logos flicking on the beat. In the real OpenDesign workspace, one click on the model pill spins a floating reel of models while the preview swaps films. The preview morphs into the OpenDesign logo, becomes a 3D die rolling one case per face (each arrow styled like its film), and lands on the classic mark — arrow spins on the final hit, "OpenDesign Motion", open-design.ai.

Vertikale Version

Motion-Week-Promotionvideo

Nachbau-Prompt (der Prompt selbst ist auf Englisch)

A 40s 16:9 main-tweet film for "OpenDesign Motion Week" (Oct 20–27): DeepSeek V4.1 Flash runs at DeepSeek's official off-peak price all day for a week. Key line: "Opus 5.5-level motion. DeepSeek off-peak price." Glitch-hop track, dense playful motion, soft-shadow real-UI cards, Albert Sans with green italic accents. Never hard-shadow sticker style.

A price chart peaks under a DeepSeek ticker card; the OpenDesign arrow cursor grabs the peak and drags it down into a valley. A 3D "50% / Off-peak price" flips to "100% / Full model" with the chip "Official DeepSeek API · not quantized". A split-flap board flips "OCT 20 – 27" to "$60 / WEEK" as the official GO plan logo draws on; tiles compare ×0.5 vs ×0.25. Quick reset beat: the arrow turns once, the 5-hour and 7-day bars refill, "For every subscriber." Giant knockout letters "MOTION" act as windows into motion films; dive in for a beat-cut montage. Then the real flow: OpenDesign composer, Motion design chip, prompt, frames assemble, film plays → an X compose window, post, likes. Four reward objects, one per 1.5 beats: membership (GO/PLUS/PRO/MAX logos), creator verification, early beta access, usage reset card. A pill "Tag @OpenDesignHQ for a chance to win" rides over a tilted wall of posts for ~4s; the posts tile into a mosaic OpenDesign mark and the cursor arcs home into the arrow slot on the final hit.

Video zur Preisklarstellung

Nachbau-Prompt (der Prompt selbst ist auf Englisch)

A 45s 16:9 comedic clarifier for OpenDesign Motion Week, with a cute original mascot and a sweet voiceover. Bouncy cute track (~150 BPM). Frame 0 is a full cover card, no entrance: OpenDesign logo, "// quick clarification · Motion Week, Oct 20 – 27", headline "DeepSeek off-peak week, explained." and chips "$60 a week? / Every plan 2× / Off-peak 24/7 / Full model".

Mascot: an original cute girl drawn in halftone — round face, big glossy eyes with two highlights, twin tails with curled ends, blue bows, pink heart-shaped sunglasses, an OpenDesign-logo pin. She is smug: "Think $60 is less than $120?" Record scratch: "Think again." A blue wipe: "It's $60 per week." Cards: usual week $30 vs this week $60, 2× stamp. "You read half. It's double." Then every plan doubles for this model (Go $30→$60, Plus $40→$80, Pro $90→$180, Max $150→$300 per week; resets every 7 days), so this month is "$150+, not $120". A 24-hour dial: off-peak price 24/7. "The full model." Official DeepSeek API, not quantized. A dotted globe with pins: "We serve users worldwide. In some regions, check your network and IP." "Questions? Find us on Discord." End card: "double. all week." Keep it generous and upbeat; never show the offer ending.

Video zur Ein-Klick-Einrichtung

Nachbau-Prompt (der Prompt selbst ist auf Englisch)

A 47s 16:9 promo for OpenDesign's One-click agent setup. Happy cartoon track (~95 BPM), playful and eye-catching rather than faithful to the website's design spec. Frame 0: "OpenDesign API into [agent] in one click." with chips for Claude Code, Codex, Grok Build, OpenCode, OpenClaw, Hermes Agent; on each beat the agent name and a full-screen brand-colour flood swap.

Then the green one-click button is clicked on every beat and turns into something new each time: a toggle, a key in a lock, a slot machine of agents, an orbit of models, a crumpled .env file, a plug meeting a socket, confetti. The OpenDesign logo appears, the camera dives into its arrow, and the arrow grows eyes and becomes the guide. It walks through the real pages: OpenDesign app Upgrade → pricing (Go) → checkout ($8 first month) → console → API Keys → "One-click agent setup" → install CC Switch (free, open source) → pick Claude Code + model (default deepseek-v4.1-flash) → "Import into CC Switch" → confirm → a new key "Claude Code · Mac" turns Active. "Your original config is kept. Switch back anytime." Close with "One click. Any agent. Any model." and the path open-design.ai → API Keys → One-click setup; the guide flies back into the logo ring on the final hit.

API-Tutorial-Video

Nachbau-Prompt (der Prompt selbst ist auf Englisch)

A 67s 16:9 tutorial: "Use the OpenDesign API in your agent." Playful funk track, no voiceover, English on-screen text. Frame 0 states the topic with agent chips (Claude Code, Codex, Hermes, OpenCode, + more).

Hero character: the arrow from the OpenDesign logo, acting as the cursor. Opening: on each beat the screen floods with a different agent's brand colour while API keys rain into a messy pile, then implode into "One key." Show a wall of supported model logos (official icons from open-design.ai/pricing, never redrawn), then the agents they plug into. Then 3 clear steps in recreated product UI: 1) subscribe to Go monthly ($8 first month, then $10), 2) open the console → API Keys → Create API key, 3) paste the base URL and key into your agent (Chat Completions / Responses: https://amr-link.open-design.ai/v1; Anthropic Messages for Claude Code: https://amr-link.open-design.ai). Mention DeepSeek V4.1 Flash auto-upgraded to 1017 and the 5-hour / 7-day usage reset. Tease One-click setup (coming soon): "3 steps → 1 click", "Click once. Every agent ready." Mask all keys and emails (sk-amr-••••, [email protected]).

Updates-Video

Nachbau-Prompt (der Prompt selbst ist auf Englisch)

A 22s 16:9 promo whose only goal is to get people to open open-design.ai/updates. Playful and bouncy, built in Three.js. Lime (#87EA5C) and ink, two-tone 3D type (ink faces, lime sides) shot at eye level so it reads on a phone.

A gummy, jelly-like 3D "39" (releases since Apr 28) drops in and hops with squash-and-stretch, then flips to "67" (updates). Real update cards swirl around it; four milestone cards fly at the camera: Plugin Everything, Team workspace, Arena, Motion. The cards fall and a 3D "Can't keep up?" lands. A thick 3D screen shows the real Updates page; the cursor taps RSS. The URL "open-design.ai/updates" drops in letter by letter, and an extruded OpenDesign logo lands on the final hit. No video clips, no stat slides.

Video mit Design-Beispielen

Nachbau-Prompt (der Prompt selbst ist auf Englisch)

A 34s 16:9 promo for the OpenDesign Showcase (open-design.ai/showcase), a growing library of AI design examples, each with the full prompt that made it. Modern Apple-ad electronic track; smooth, continuous camera (no shaking or beat punches); one main message per screen, held long enough to read.

Frame 0 already carries the headline over a live, moving case (the Harbor Skirmish FPS island): "98+ AI design examples. Every prompt included." The camera glides back into a tilted 3D wall of real cases playing as footage, not screenshots. A giant word "Motion" appears with each letter windowing a different motion film; dive into the "o" for four beat cuts. Then a case goes full-bleed and its prompt card slides up, the prompt types out, a cursor clicks "Copy prompt". Same prompt, different models: side-by-side outputs with white monochrome model logos on a 3D arc. Never imply a fixed size — say "and counting", "latest models". End on the OpenDesign logo and the URL.

Nutzungsvideo

Nachbau-Prompt (der Prompt selbst ist auf Englisch)

A 19s 16:9 quote-tweet video for OpenDesign's new Usage page. Same visual language and music grid as the Motion Week film. Opens on "How much have you used?"

Path in recreated product UI: Console → choose workspace → Usage (right under API Keys). A table of calls shows time, member, model, input/output/cache tokens and credits; filters by member, model and time range. Hover the ⓘ next to credits to open the breakdown: DeepSeek V4.1 Flash multiplier ×0.5 → ×0.25 during Motion Week. Click the underlined rules link: a browser bar types open-design.ai/model-credits and the page "Design Plan credit multipliers" slides in. End: "Stay on top of your usage. Track every call. Plan every credit." + OpenDesign logo.

Beginne mit dem Post, nicht mit der Animation

Bevor du eine Timeline öffnest, schreibe für jede dieser Fragen einen Satz:

  • Wo wird das erscheinen? Eine Hauptankündigung, ein Follow-up-Post, ein Tutorial oder eine Klarstellung?
  • Was muss der Zuschauer verstehen? Wähle eine Aussage, die der Film belegen kann.
  • Was soll danach passieren? Eine Seite besuchen, ein Feature ausprobieren, die Schritte speichern, antworten oder ein Projekt erstellen?

Zeige bei einem Haupt-Launch das stärkste Produktergebnis früh und mache den Film für sich allein verständlich. Isoliere bei einem Follow-up einen einzelnen Blickwinkel. Mache bei einer Klarstellung die korrigierte Tatsache explizit, bevor der Witz oder ein visueller Schnörkel die Oberhand gewinnt.

Dein erstes Ergebnis: ein kurzes Briefing mit Zielgruppe, Platzierung, einer Botschaft, einer Handlung und der Quelle jeder Produktaussage. Wenn zwei Botschaften konkurrieren, teile sie auf zwei Filme auf.

Schritt 1: Erstelle ein überprüfbares Briefing

Richte zuerst Claude Code ein. Der HyperFrames-Schnellstart dokumentiert derzeit diese Plugin-Installation:

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

Rufe in Claude Code in einem eigenen Projektordner /hyperframes:hyperframes auf. Bitte darum, eine kurze Testkomposition zu erstellen, eine Vorschau anzuzeigen und ein MP4 zu exportieren, bevor du den Kampagnenfilm beginnst. Folge den Render-Anweisungen des installierten Plugins, damit die Befehle zu deiner installierten Version passen.

Lege im Videoprojekt eine BRIEF.md an. Nimm die aktuelle Produkt-URL, freigegebene Formulierungen, exakte Einheiten für Zahlen und das Datum ihrer Prüfung auf. Ein Preis ohne Abrechnungszeitraum ist keine vollständige Angabe. Eine Bibliothekszahl aus einer früheren Aufnahme ist keine aktuelle Zahl.

Sammle das offizielle Logo, Markenmaterial, Screenshots oder Bildschirmaufnahmen, Originalbeispiele und alle Referenzfilme, die du studieren darfst. Halte Quellmaterial getrennt von Exporten, damit du einen Screenshot ersetzen kannst, ohne einen früheren freigegebenen Schnitt zu verlieren.

Nutze Claude Code zum Planen und Umsetzen des Projekts, HyperFrames zum Rendern der HTML-basierten Motion und GSAP oder Three.js, wenn die visuelle Idee sie braucht. Für die Audiobearbeitung kannst du FFmpeg und für die Sprachausgabe Kokoro TTS nutzen. Du brauchst nicht jedes Tool für jeden Film: Eine typografiegetriebene Ankündigung kommt eventuell mit einer zweidimensionalen Komposition aus.

Öffne das echte Produkt, bevor du seine Demonstration planst. Prüfe Navigationsbezeichnungen, Reihenfolge der Schaltflächen und das Ergebnis. Verwende ein Demokonto und ersetze vor der Aufnahme echte Schlüssel, Adressen und Workspace-Namen.

Schritt 2: Wähle eine Richtung, bevor du renderst

Bitte um zwei oder drei konkrete Richtungen: das Eröffnungsbild, ein wiederkehrendes visuelles Element, die Abfolge der Einstellungen und das Ende. Jede Richtung sollte erklären, wie sie dasselbe Briefing vermittelt.

Vermeide die Wahl zwischen vagen Adjektiven wie „hochwertig“ und „verspielt“. Wähle zwischen sichtbaren Ideen: ein Pfeil, der einen Preis nach unten zieht, ein Cursor, der einen Einrichtungsablauf zusammensetzt, oder eine federnde Zahl, die eine Wand voller Updates enthüllt.

Fordere einige Style Frames an, wenn die Richtung unklar ist. Sie sollten echte Wörter und echte Assets enthalten, besonders die längste Headline und die vollste Oberflächenaufnahme. Gib Komposition und Botschaft frei, bevor du dich auf ein vollständiges Rendering festlegst.

Der Updates-Film ist ein nützliches Gegenbeispiel. Seine Iterationen führten über einen Versionszähler, eine Timeline, ein Flipbook, eine malerische Behandlung und schließlich zu federnden 3D-Ziffern. Wiederholtes Rendern konnte keine Einigung über die Richtung ersetzen.

Schritt 3: Wähle Musik und plane die Beats

Höre mögliche Titel selbst an. Bitte den Agenten um Vorschau-Links, Lizenzdetails und eine Beschreibung von Intro, Aufbau und Drop. Wähle nicht allein nach einem Beliebtheitsranking oder einem Dateinamen.

Passe die Eigenstruktur des Tracks an die Geschichte an: Eröffnungsaussage, Demonstration, Payoff und Endkarte. Schneide an musikalischen Grenzen und bewahre die Phrase. Wenn eine gute Szene mehr Zeit braucht, überarbeite den Musikschnitt, statt die Szene zu streichen, nur um eine beliebige Dauer zu erreichen.

Wenn der Film einen Sprechertext hat, lege das gesprochene Timing fest, bevor du die Animation feinabstimmst. Mache die Botschaft ohne Ton verständlich und nutze den Ton dann, um Energie zu geben und Aktionen zu verdeutlichen.

Prüfe die Lizenz für die vorgesehene kommerzielle Nutzung. Content-ID-Registrierung und die Erlaubnis zur Nutzung eines Tracks sind getrennte Fragen: Das Fehlen automatischer Ansprüche ist kein Lizenznachweis. Bewahre Lizenz und Quelle beim Projekt auf.

Schritt 4: Gib dem ersten Frame eine Aufgabe

Pausiere das Video bei Zeit null. Kann jemand, der den Post nie gesehen hat, erkennen, worum es im Video geht? Ein fast leeres Bild, das eine Sekunde später klar wird, kann diesen Test nicht bestehen.

Schreibe einen kurzen, lesbaren Titel in die Komposition. Bringe das Produkt oder Problem auf den Bildschirm. Nutze die erste Bewegung, um diese Botschaft voranzubringen, statt den Zuschauer auf das Erscheinen des Titels warten zu lassen.

Klarstellung: Aus einer Zahl wurde eine Erklärung

Vorher: Ein isolierter Preis erklärt weder den Gegenstand noch den Abrechnungszeitraum.
Vorher: Ein isolierter Preis erklärt weder den Gegenstand noch den Abrechnungszeitraum.
Nachher: Ein Titelbild kündigt ausdrücklich eine Klarstellung an.
Nachher: Ein Titelbild kündigt ausdrücklich eine Klarstellung an.

API-Walkthrough: Aus einem leeren Anfang wurde ein Versprechen

Vorher: Der erste Frame liefert fast keine Information über das Tutorial.
Vorher: Der erste Frame liefert fast keine Information über das Tutorial.
Nachher: Der erste Frame sagt, was der Zuschauer lernen wird.
Nachher: Der erste Frame sagt, was der Zuschauer lernen wird.

Ein-Klick-Einrichtung: Aus der Frage wurde die Antwort

Vorher: Eine Frage verzögert die nützliche Information.
Vorher: Eine Frage verzögert die nützliche Information.
Nachher: Der Anfang liefert sofort das Ein-Klick-Einrichtungsversprechen.
Nachher: Der Anfang liefert sofort das Ein-Klick-Einrichtungsversprechen.

Prüfe diese Frames in Smartphone-Größe. Wenn der Titel Zoomen erfordert, reduziere konkurrierende Dekoration oder komponiere die Einstellung neu. Verlasse dich nicht darauf, dass der begleitende Post ein unlesbares Bild erklärt.

Schritt 5: Animiere eine Geschichte, kein Kartenstapel

Wähle ein wiederkehrendes Element, das die Szenen verbindet: einen Cursor, Pfeil, eine Figur oder ein Objekt. Gib ihm einen Grund, sich zu bewegen. Ein Pfeil kann einen Preis ziehen, ein Cursor kann durch eine Einrichtung führen, ein Zähler kann eine wachsende Sammlung enthüllen.

Nutze die echte Produktoberfläche, wenn ein Schritt von einem tatsächlichen Bedienelement abhängt. Eine dekorative Mock-Oberfläche mag sauberer aussehen, kann aber die falsche Handlung vermitteln. Lass große Typografie die Kernaussage tragen und die Demonstration die Details.

Prüfe bei dimensionaler Typografie den Kontrast zwischen Vorderseite und Seiten jedes Buchstabens. Halte den Betrachtungswinkel einfach genug, damit die Zahl sofort erkennbar ist. Entferne winzige Labels und dekorative HUD-Linien, wenn sie mit der Botschaft konkurrieren.

Bei gerenderter Motion muss jeder Frame aus seinem Zeitstempel reproduzierbar sein. Vermeide Animationslogik, die davon abhängt, dass der vorherige Frame gelaufen ist: Segmentiertes oder paralleles Rendering kann Frames außer der Reihe auswerten. Teste einige nicht aufeinanderfolgende Zeitstempel, bevor du Zeit in einen vollständigen Export investierst.

Sequenz des Launch-Films: Titel, Beispiele, kühne Botschaft, Modellauswahl, echte Oberfläche und Logo-Payoff.
Sequenz des Launch-Films: Titel, Beispiele, kühne Botschaft, Modellauswahl, echte Oberfläche und Logo-Payoff.

Schritt 6: Prüfe den vollständigen Export

Style Frames belegen die Komposition; nur der Export belegt Tempo, Übergänge, Audio und das Ende. Sieh dir jedes vollständige Review-Rendering einmal mit Ton und einmal stummgeschaltet an. Untersuche dann die Stellen, die nicht funktioniert haben.

Gib pro Runde drei bis sechs konkrete Anmerkungen. Nenne bei jeder den Zeitbereich oder die Szene, beschreibe das sichtbare Problem und das gewünschte Ergebnis. Nenne auch, was unverändert bleiben soll. „Der erste Titel funktioniert; behalten. Bei 8–11 Sekunden werden die Karten auf meinem Smartphone zu klein zum Lesen“ ist umsetzbar.

Wenn deine Reaktion nur „flach“ oder „hässlich“ lautet, bitte vor einer weiteren kompletten Überarbeitung um eine Diagnose. Liegt es an Rhythmus, Kontrast, Typografie, Kamerabewegung oder zu vielen unzusammenhängenden Elementen? Wähle die kleinste Änderung, die das eigentliche Problem löst.

Beende das Feedback, indem du den Agenten bittest, verwandte Probleme eigenständig zu prüfen. Das ersetzt deine Prüfung nicht; es verhindert, dass die Umsetzung bei der wörtlichen Liste der Kommentare stehen bleibt.

Klarstellungssequenz: Frage, Korrektur des Abrechnungszeitraums, Erklärung und klarer Abschluss.
Klarstellungssequenz: Frage, Korrektur des Abrechnungszeitraums, Erklärung und klarer Abschluss.

Schritt 7: Fakten erneut prüfen und exportieren

Nutze das aktuelle freigegebene Briefing als Checkliste. Prüfe Preise und Einheiten, unterstützte Namen, Zahlen, Logos, URLs und Angebotsdaten anhand ihrer Quellen. Wenn sich der Launch noch ändert, halte den Export zurück, bis die Fakten stabil sind.

Prüfe Screenshots auf Schlüssel, E-Mail-Adressen, Workspace-Namen und Kontodetails. Verwende offensichtliche Demo-Werte, keine plausibel wirkenden Zugangsdaten. Stelle sicher, dass deine Beispiele, Figuren, Musik und Stimm-Assets in der vorgesehenen Veröffentlichung verwendet werden dürfen.

Sieh dir die exportierte Datei von Anfang bis Ende an. Bestätige, dass Audio wie vorgesehen vorhanden ist, Text die Kompression übersteht, das Ende lange genug sichtbar bleibt und der letzte Frame nicht versehentlich leer ist. Bewahre das bearbeitbare Projekt, das Briefing, lizenzierte Assets und den freigegebenen Export auf.

Schritt 8: Neu komponieren, veröffentlichen und lernen

Erstelle das zusätzliche Seitenverhältnis, nachdem der Hauptschnitt freigegeben ist. Positioniere Text neu, skaliere den Protagonisten und entscheide, welche Oberflächenaufnahmen in einer intakten Karte bleiben sollen. Das Zuschneiden der horizontalen Datei ersetzt nicht die Prüfung jeder Einstellung.

Schreibe den Post rund um dieselbe einzelne Botschaft. Halte die erbetene Handlung in Post und Endkarte konsistent. Wenn du einen getrackten Link nutzt, teste das Ziel und notiere die Kampagnenbenennung vor der Veröffentlichung.

Achte nach der Veröffentlichung auf wiederkehrende Fragen und Missverständnisse. Sie können der nächste Kurzfilm werden. Vergleiche Ergebnisse innerhalb eines einheitlichen Berichtszeitraums und unterscheide Reichweite, Engagement, Besuche und Produktaktionen.

Wiederverwendbare Prompts

Ersetze die Klammern, bevor du diese Vorlagen nutzt.

Eröffnungsbriefing

Ich möchte [Feature, Seite oder Kampagne] bewerben: [URL].
Zielgruppe: [wer sich dafür interessieren sollte].
Platzierung: [Hauptankündigung / Folgebeitrag / Tutorial / Klarstellung].
Eine Kernbotschaft: [das Einzige, was die Zuschauer verstehen sollen].
Nächste Aktion: [besuchen / ausprobieren / speichern / antworten / erstellen].
Primäres Format: 16:9. Plane anschließend eine separat komponierte 9:16-Version.

Fakten und Quellen:
[Aktuelle Produktdokumentation, freigegebenes Briefing, Preisseite und Datum der Überprüfung.]
Schreibe geprüfte Aussagen samt ihren Einheiten in die BRIEF.md. Markiere alles, was unsicher ist.

Assets:
- Offizielles Logo: [Pfad]
- Markengrafiken und originale Beispielvideos: [Pfade]
- Zugang zum Demo-Produkt oder bereinigte Bildschirmaufnahmen: [Details]

Umsetzung: Claude Code + HyperFrames; verwende GSAP oder Three.js, wenn die Idee es erfordert.
Verwende echte Produktschritte. Gib keine Zugangsdaten oder persönlichen Kontodaten preis.
Studiere Referenzen für Komposition und Bewegung; verwende kein Fremdmaterial ohne Erlaubnis.

Das erste Bild muss erklären, worum es geht. Wichtige Schrift muss auf dem Smartphone lesbar bleiben.
Zeige den Wert des Produkts durch Bewegung und Demonstration. Vermeide winzige dekorative Beschriftungen.
Für die Musik: Liefere Vorschau-Links und Lizenzinformationen, damit ich sie prüfen und auswählen kann.

Rendere den vollständigen Film noch nicht. Schlage 2–3 konkrete Konzepte vor, jeweils mit Eröffnungsbild,
visuellem Protagonisten, Einstellungsfolge, Sound-Richtung und Ende.

Eine Iteration prüfen

Behalte diese freigegebenen Teile bei: [Szenen, Timings, Typografie oder Musik].

1. Bei [Zeitstempel / Szene] sehe ich [konkretes Problem].
   Die Zuschauer sollen stattdessen [gewünschtes Ergebnis] verstehen oder empfinden.
2. Ändere bei [Zeitstempel / Szene] [konkretes Element], weil [Grund].
3. Prüfe bei [Zeitstempel / Szene] [Lesbarkeit / Tempo / Ton / Produktgenauigkeit].

Erkläre die Ursache, bevor du ein umfassendes Redesign vornimmst. Prüfe angrenzende Szenen auf dasselbe Problem.
Bewahre das freigegebene Briefing und alle unbeteiligten Teile. Rendere eine vollständige neue MP4.
Sieh dir den Export an und melde verbleibende Probleme, bevor du ihn zurückgibst.

Abschließende Exportprüfung

Prüfe die final exportierte MP4, nicht nur die Quellkomposition.
- Kann ein neuer Zuschauer bei Sekunde null das Thema in Smartphone-Größe erkennen?
- Ist die eine Kernbotschaft auch ohne Ton klar?
- Wurden Oberflächenschritte, Zahlen, Einheiten, Logos und URLs anhand der BRIEF.md überprüft?
- Wurden private Kontodaten entfernt?
- Sind die Berechtigungen für Musik, Beispiele, Figuren und Stimmen dokumentiert?
- Wird jeder Übergang bei nicht aufeinanderfolgenden Zeitstempeln korrekt gerendert?
- Hast du den kompletten Export mit Ton angesehen und die Endkarte geprüft?
- Wurde die vertikale Version neu komponiert und separat angesehen?
Liste die tatsächlich durchgeführten Prüfungen, ungelöste Probleme und den genauen geprüften Export auf.
Markiere nicht durchgeführte Prüfungen nicht als bestanden.

Häufige Fragen

Brauche ich für diesen Workflow After Effects?

Der gezeigte Workflow nutzt Claude Code und HTML-basiertes Rendering mit HyperFrames. After Effects ist nicht erforderlich. Du musst dennoch die Geschichte lenken, die Assets prüfen und die exportierte Motion und den Ton kontrollieren.

Sollte ich mit einem vollständigen Rendering oder mit Style Frames beginnen?

Beginne mit Style Frames, wenn die visuelle Richtung unklar ist. Sobald das Konzept abgestimmt ist, prüfe vollständige Exporte, um Timing und Audio zu beurteilen. Keine der beiden Prüfungen ersetzt die andere.

Wie lang sollte ein Produktvideo sein?

Lang genug, um seine eine Botschaft ohne Füllmaterial zu vermitteln. Die Quellbeispiele reichen von kurzen Follow-ups bis zu einem längeren Einrichtungs-Walkthrough. Wähle die Dauer nach der Aufgabe und teste, ob jede Szene etwas beiträgt.

Kann ich denselben Schnitt vertikal verwenden?

Verwende die Geschichte und die Assets wieder, prüfe aber die Komposition Einstellung für Einstellung. Oberflächendemonstrationen brauchen oft eine intakte Karte oder eine neue Anordnung, um in 9:16 lesbar zu bleiben.

Dein erstes Projekt

Wähle ein echtes Feature und eine Handlung, die der Zuschauer ausführen soll. Schreibe das Briefing, wähle einen Eröffnungsframe, gib eine visuelle Richtung frei und erstelle einen vollständigen horizontalen Film. Prüfe ihn auf dem Smartphone, bevor du auf weitere Formate oder Follow-up-Posts erweiterst.