KI-Agenten-Video für Reels: So entsteht ein Build-Video

Was ist ein Build-Video?

Ein Build-Video zeigt eine Website nicht fertig, sondern im Entstehen: Ein Schwarm von KI-Agenten mit Namen wie Ada, Juno oder Rex zieht Rahmen auf, misst Abstände, tippt Überschriften und zieht Bilder an ihren Platz. Am Ende steht die vollständige Seite. Das Format funktioniert in Reels, TikTok und Shorts, weil es in wenigen Sekunden zeigt, was gebaut wurde und wie.

Was du brauchst

• Claude Code mit eigenem Anthropic-Konto
• Node.js 20 oder neuer
• Eine Website-URL, ein lokales Projekt oder eine kurze Beschreibung
• Rund zehn Minuten Zeit für einen Durchlauf

Den Gratis-Prompt forderst du per E-Mail an, kopierst ihn in Claude Code, gibst am Ende deine URL oder Beschreibung an und lässt den Rest laufen.

Schritt 1: Die Seite einfrieren

Ist eine URL angegeben, öffnet ein automatisch gesteuerter Browser die Seite, scrollt einmal hindurch, damit nachladende Inhalte erscheinen, und speichert einen Schnappschuss. Dabei werden Skripte, Animationen, Cookie-Banner und feste Overlays entfernt – sie würden das Video stören. Aussehen, Schriften und Bilder bleiben erhalten. Gibst du nur eine Beschreibung an, baut Claude zuerst eine passende Seite.

Schritt 2: Der Schwarm zerlegt die Seite in Ebenen

Ein kleines Skript legt sich über die Seite und zerlegt sie in Ebenen: Rahmen, Texte, Bilder, Knöpfe, Formularfelder. Jede Ebene wird einem Agenten mit Namen und Rolle zugeteilt – etwa „Juno · Copy“ für Texte oder „Ada · Media“ für Bilder. Ein Zähler zeigt, wie viele Agenten arbeiten und wie viele Ebenen schon fertig sind. In unseren Beispielen waren es 28 Agenten für 126 Ebenen bzw. 31 Agenten für 154 Ebenen.

Schritt 3: Bildgenau rendern

Statt den Bildschirm aufzunehmen, steuert ein Render-Skript die Zeit selbst: Für jedes Einzelbild wird die Animation exakt auf den passenden Zeitpunkt gesetzt, ein Bild aufgenommen und an ffmpeg übergeben. Das Ergebnis ruckelt nicht, auch wenn der Rechner langsam ist. Es entstehen zwei Dateien:

• 16:9 (1920 × 1080, 30 Bilder pro Sekunde) für YouTube und Präsentationen
• 9:16 (1080 × 1920, 30 Bilder pro Sekunde) für Instagram Reels, TikTok und YouTube Shorts

Dazu kommt eine lokale Live-Seite, die den Aufbau im Browser abspielt – praktisch für Kundentermine.

Schritt 4: Hook und Handlungsaufforderung

Die ersten ein bis zwei Sekunden entscheiden, ob jemand weiterschaut. Bewährt hat sich ein großer, kurzer Satz am Anfang („28 KI-Agenten bauen diese Website. Live.“) und eine klare Aufforderung am Ende, zum Beispiel „Kommentiere FLOCK“. Beide Texte lassen sich anpassen.

Vom Build-Video zum Kino-Reel

Das Standard-Video zeigt den Aufbau ruhig und vollständig. Für Social Media darf es mehr Dramaturgie sein: Der Reel Director macht aus demselben Build ein Kino-Reel mit 3D-Kamerafahrt über die fertige Seite, weichen Schnitten, großen kinetischen Texten und Ton oder eigener Musik. Presets gibt es für Instagram Reels, TikTok, YouTube Shorts, YouTube 16:9 und Facebook.

Aus derselben Website lassen sich mit dem Karussell-Studio außerdem Karussells für Instagram, Facebook (4:5), LinkedIn (PDF) und den TikTok-Fotomodus erstellen.

Worauf du beim Posten achten solltest

• Rechte: Zeige nur Websites, die dir gehören oder für die du die Erlaubnis hast – das gilt auch für Bilder und Texte darauf.
• Kennzeichnung: Beispielseiten fiktiver Betriebe als solche kennzeichnen, damit niemand sie für echte Referenzen hält.
• Musik: Eigene Musik nur mit passender Lizenz für Social Media verwenden.
• Dateigröße: Für die eigene Website das Video verkleinern (z. B. 720 × 1280, H.264, ohne Ton) und erst im Sichtbereich abspielen.

Für wen lohnt sich das?

Agenturen und Freelancer zeigen damit neue Kundenseiten so, wie sie entstehen – als Beitrag, in der Präsentation oder im Angebot. Creator nutzen das Format als wiederkehrende Serie. Wer Videos ohne Buildflock-Hinweis braucht, etwa für Kunden, benötigt die Agentur-Lizenz.

Kurz zusammengefasst

1. Gratis-Prompt in Claude Code einfügen, URL oder Beschreibung angeben.
2. Die Seite wird eingefroren und in Ebenen zerlegt.
3. Der Schwarm baut sie auf, das Video wird bildgenau gerendert.
4. MP4 in 9:16 und 16:9 posten – oder mit dem Reel Director zum Kino-Reel machen.