Das Wichtigste in Kürze
Am Ende hast du
Eine Website, in der beim Scrollen ein Film mitläuft, und alle Prompts, um das für deinen eigenen Betrieb nachzubauen
Du brauchst
- Claude Code
- Ein Higgsfield-Konto mit Credits, in Claude Code angebunden (MCP), für Bilder mit Nano Banana Pro und den Film mit Seedance 2.5
- Optional: den Skill scroll-craft in Claude Code
Worum es geht
In diesem Video entsteht eine komplette Website für einen Altbau-Sanierer, den Beispielbetrieb Altbau Kontor. Claude Code entwirft und baut die Seite, Bilder und Film erzeugt es selbst über Higgsfield (Nano Banana Pro und Seedance 2.5). Das Herzstück ist ein Film, in dem sich ein Raum selbst saniert: Er läuft nicht von allein, sondern genau so weit, wie du scrollst.
Die Seite ist in 4 Schritten entstanden. Jeder Schritt ergibt eine Variante, und jede Variante entsteht aus dem, was an der vorigen nicht gestimmt hat. Alle Prompts gehen auf Deutsch an Claude Code. Hier stehen sie im Wortlaut, auch die, die im Video nicht gezeigt werden.
Schritt für Schritt
Schritt 1: Das Design kommt aus Vorlagen
Statt aus dem Bauchgefühl zu gestalten, lässt du Claude Code zuerst 16 herausragende Websites von Architektur-, Bau- und Interior-Studios suchen und ihre Startbereiche auf einer Übersichtsseite sammeln. Aus den sechs stärksten leitet es Designregeln ab, jede mit einem Bild als Beleg, und baut danach die erste Seite.

Such mir 16 herausragende Websites von Architektur-, Bau- und
Interior-Studios und leg Screenshots der Startbereiche auf eine
Übersichtsseite. Nimm dann die sechs stärksten, leite daraus
Designregeln ab, je Regel mit Bildbeleg, und bau nach diesen Regeln
eine Website für den Sanierungsbetrieb Altbau Kontor.Schritt 1: Der Bau-Film, der beim Scrollen läuft
Im selben Schritt entsteht der Film. Zuerst ein Foto vom fertig sanierten Raum, dann ein Film, in dem die Kamera durch genau diesen Raum fährt und er sich in vier Stufen selbst saniert: entkernt, verputzt mit Stuck, Parkett und Fenster, eingerichtet. Wichtig ist der letzte Absatz: Der Film läuft nur, wenn der Besucher scrollt, und beim Zurückscrollen läuft er rückwärts. Das ist Variante 01.
Erzeuge mit Nano Banana Pro ein Foto: großer, fertig sanierter
Berliner Altbau-Salon mit Stuck, Fischgrätparkett, Marmorkamin und
hohen Fenstern links, voll eingerichtet, keine Menschen.
Mach daraus mit Seedance 2.5 einen Film, 12 Sekunden, ohne Ton: Die
Kamera fährt langsam durch genau diesen Raum, und er saniert sich im
Zeitraffer selbst. Vier Stufen: entkernt, verputzt mit Stuck,
Parkett und Fenster, eingerichtet. Fenster, Kamin und Tür bleiben an
ihrem Platz. Das Endbild ist das Foto.
Bau den Film so in die Seite, dass er nicht von selbst läuft: Der
Besucher scrollt, und der Film läuft genau so weit mit. Scrollt er
zurück, läuft der Film rückwärts. Die Sektion bleibt stehen, solange
der Film läuft.Die englischen Bild- und Film-Prompts dazu schreibt Claude Code selbst, du musst sie nicht abtippen. Hier sind sie trotzdem im Wortlaut, falls du sie anpassen willst. Der Film hat bei der Messung am 22.09.2026 148 Credits und rund 5 Minuten Rechenzeit gekostet (12 Sekunden, 1080p).
Photorealistic wide interior photograph of a large, fully furnished
living room in a grand Berlin Altbau apartment. Very high ceiling
with elaborate white stucco cornice and a ceiling rose, wide
herringbone oak parquet floor, two tall double casement windows on
the left wall with floor length linen curtains, a white marble
fireplace on the right wall with a large framed artwork above it.
Fully furnished: a big deep linen sofa with cushions, two leather
armchairs, a large low oak coffee table with books and a bowl, a
wide bookshelf filled with books, a sideboard with ceramics, a
faded persian rug, a brass floor lamp, warm table lamps switched on,
large plants, and a dining table with chairs further back. Open
double doors leading into the next room in the background. Warm
late afternoon daylight streaming in from the left combined with
warm lamp light. Cosy but elegant, generous and spacious,
architectural digest interior photography, 24mm wide angle, eye
level, no people. Photorealistic, high detail.Einstellungen: mode omni_reference, das Foto aus A als
image_references, 12 Sekunden, 1080p, 16:9, generate_audio false,
bitrate_mode high. Gemessen am 22.09.2026: 148 Credits, rund
5 Minuten Rechenzeit.
One single continuous shot, slow forward dolly through a large grand
Berlin Altbau living room. The camera path is fixed and smooth. The
room geometry stays exactly identical the whole time: the tall
windows on the left, the marble fireplace on the right, the doorway
in the background never move. The room renovates itself over time as
a timelapse, no people, no workers. Stage 1: gutted derelict state,
bare grey plaster walls with patches missing, broken dusty
floorboards, cracked ceiling, dust in the air, a bare light bulb on
a cable, the fireplace boarded up with plywood. Stage 2: the walls
get plastered smooth and painted warm white, the elaborate white
stucco cornice and the ceiling rose are restored, the marble
fireplace is uncovered and cleaned. Stage 3: wide herringbone oak
parquet is laid across the entire floor, the tall white casement
windows are restored, long linen curtains are hung. Stage 4: the
room furnishes itself, a deep linen sofa, two brown leather
armchairs, a large low oak coffee table with books, a bookshelf
filling with books, a persian rug unrolling, a brass floor lamp,
warm table lamps switching on, large plants and a dining table
further back. The final state matches the image reference exactly.
Photorealistic architectural film look, warm late afternoon
daylight from the left, no text, no captions.

Kostenlos im Lab weiterlesen
Die restlichen 3 Schritte, alle Prompts und die Dateien zu diesem Tutorial gibt es kostenlos für Mitglieder.
- Die komplette Schritt-für-Schritt-Anleitung
- 11 Prompts zum Kopieren
- 2 Dateien und Vorlagen
- Fragen stellen und mitreden im Stammtisch
Keine Zeit zum Nachbauen?
Ich setze die Lösung für dich um oder schule dich und dein Team. Im kostenlosen Erstgespräch klären wir, was passt.


