Claude + Remotion: Ein Produkt-Launch-Video ohne Animationskenntnisse erstellen
Ein Entwickler, der eine Aktienmarkt-Intelligenz-App namens Tikrr erstellt, wollte ein Launch-Video, hatte aber kein Budget, keine Animationsfähigkeiten und keine Erfahrung mit Video-Tools. Er nutzte Claude mit dessen Remotion-Fähigkeit, um in wenigen Stunden vom Konzept zu einem ausgefeilten 30-sekündigen animierten Video zu gelangen.
Wichtige technische Details
- Claude beherrschte Remotions Regeln perfekt: keine CSS-Übergänge, nur Federphysik,
useCurrentFramefür alles – und hat sie nie gebrochen. - Als eine Karte beim Texteingeben herumsprang, fand Claude die Lösung: unsichtbaren vollständigen Text rendern, um die Layout-Höhe zu halten, dann die getippten Zeichen darüberlegen.
- Erstellte animierte Score-Balken, RSI-Zonen-Diagramme, Schreibmaschineneffekte und federbasierte versetzte Animationen in etwa 10 Szenendateien auf einmal.
- Hantierte vages Feedback wie „Die Schriftart ist nicht ästhetisch, mehr Apple-ähnlich“ oder „Die Karte, die sich auf und ab bewegt, ist dumm“ – ohne lange Erklärungen zu benötigen.
- Das finale Video verwendet tatsächliche Komponenten aus der Codebasis, die im Video gerendert werden. Hook-Sequenz: cremefarbener Hintergrund → dunkler Hintergrund → hüpfendes „Wahrscheinlich nicht.“ → zurück zu Creme. Alles mit der Inter-Schriftart und null Ruckeln.
Kreativer Prozess
Der Entwickler bat Claude nicht einfach, „ein Video zu machen“. Sie diskutierten das kreative Konzept hin und her: die Stimmung, Debatten über Hooks, Recherche, was Video-Hooks für ein skeptisches Finanzpublikum wirksam macht. Claude kam mit spezifischen psychologischen Rahmenwerken zurück – es fühlte sich an, als würde man mit einem Kreativdirektor arbeiten, der auch Remotions API beherrscht.
Erkenntnis
Wenn Sie ein Produkt haben und ein Launch-Video wegen fehlender Videokenntnisse aufschieben, ist dieser Workflow einen Versuch wert. Die Remotion-Fähigkeit, auf die Claude zugreifen kann, ist überraschend tief – sowohl auf der kreativen als auch auf der technischen Seite.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Entwickler gibt Details zur Claude-Einrichtung für Projektmanagement und Aufgabenverfolgung an
Ein Entwickler teilt seine Claude-Implementierung zur Verwaltung eines neuen Homeoffice-Medienjobs, einschließlich einer Master-Markdown-Projektdatei, Notion-Integration, MCP-Verbindungen zu Slack, Gmail und Google Calendar sowie einer benutzerdefinierten Funktion für Morgenbriefings.
Entwickler baut vollständiges SaaS-Produkt mit Claude Cowork: MLB-Scoreboard-App mit Authentifizierung, Zahlungen und Einbettungs-Widget
Ein Entwickler hat ScorePorch erstellt, eine personalisierte MLB-Scoreboard-App mit React-Frontend, Express/Vercel-API, Supabase-Authentifizierung, Stripe-Zahlungen und einem einbettbaren Widget – vollständig mithilfe von Claude Cowork-Sitzungen. Das Projekt umfasst Live-Ergebnisse, teamthematische Dashboards und ein 23KB großes Widget ohne Abhängigkeiten.
Reduzierung der KI-Agenten-Kosten um 30 % durch Verhaltensüberwachung und Konfigurationsänderungen
Ein Entwickler reduzierte den Token-Verbrauch seines OpenClaw-Bots um 30 %, nachdem er entdeckte, dass 70 Cron-Jobs ihre Ergebnisse in die Hauptchatsitzung schrieben, was zu Kontextaufblähung und wiederholter Komprimierung führte. Die Lösung bestand darin, die Cron-Ausgaben direkt an Telegram umzuleiten und eine Überwachungsfunktion zu entwickeln, um Ineffizienzen wie redundante Suchen und übermäßig große Dateilesevorgänge zu identifizieren.
Entwickler baut anonyme Liebesantrags-App mit Claude Code
Ein Entwickler erstellte BlushDrop, eine anonyme Liebesantragsplattform mit Echtzeit-Tracking, und nutzte Claude Code, um Architektur, Sicherheit und Bereitstellung zu bewältigen, obwohl er keine Vorerfahrung mit Next.js oder Supabase Realtime hatte.