Einzelgründer erstellt Demo-Video mit Claude Code und Remotion

Praktischer Ansatz zur Demo-Erstellung

Ein Solo-Gründer verschob den Launch seines Produkts SiteCheck monatelang, weil er sich Demo-Videos nicht leisten konnte. Freiberufler verlangten 500 $ für grundlegende Arbeiten und forderten Design-Assets wie Figma-Dateien und Markenrichtlinien an, die es nicht gab. Der Entwickler, dem Designfähigkeiten fehlten, empfand den traditionellen Designprozess als fremd und verschob den Launch.

Technische Umsetzung

Mit Claude Code und Remotion (Videos als React-Komponenten) strukturierte der Entwickler das Video in wiederverwendbare Komponenten. Claude half dabei:

• Das Video in wiederverwendbare Komponenten zu zerlegen
• Animationen und Timing schnell anzupassen
• Layouts zu iterieren, ohne Design-Tools zu benötigen

Die erste Version war grob, aber da alles codebasiert war, wurden Verbesserungen durch schnelle Änderungen an Schriftgrößen, Abständen und Animationszeiten vorgenommen, anstatt vollständige Neu-Exporte. Der Entwickler fügte einen Voiceover mit ElevenLabs, Hintergrundaudio hinzu und renderte alles direkt aus dem Terminal.

Produktkontext

SiteCheck ist ein Tool, das das UX einer Website in etwa 30 Sekunden prüft und einen Bericht mit vorgeschlagenen Korrekturen nach Wirkung sortiert generiert. Das Produkt war bereits funktionsfähig mit positivem Feedback von frühen Nutzern, aber es fehlten visuelle Demonstrationsmaterialien.

Der Entwickler merkt an, dass das Ergebnis nicht perfekt ist, aber dazu diente, den Launch-Prozess zu ermöglichen. Das Projekt ist kostenlos auszuprobieren und soll bald öffentlich gelauncht werden.