Claude Design und Claude-HTML als MP4
Lege das .zip ab, das du aus Claude Design exportiert hast, oder füge das HTML ein, das Claude im Chat geschrieben hat, und speichere es als MP4, GIF oder transparentes WebM. Bild für Bild auf deinem Rechner gerendert: keine Bildschirmaufnahme, kein Upload.
- ✓.zip einfach ablegen
- ✓Bis 4K mit 60 fps
- ✓Kostenlos, ohne Wasserzeichen
- ✓Kein Upload
MP4 in 1920×1080, Bild für Bild auf deinem Computer gezeichnet: flüssig, egal wie schnell er ist, und nichts wird hochgeladen.
Oder starte mit einem Beispiel
Jedes ist eine einzelne HTML-Datei. Laden, anpassen, exportieren.
Von Claude zur Videodatei
- 01
Exportieren oder kopieren
Exportiere das Projekt in Claude Design als .zip. Aus einem Chat kopierst du das HTML oder lädst die Datei herunter.
- 02
Ablegen
Leg das .zip oder die .html-Datei auf dem Tool ab oder füge den Code ein. Bilder, Skripte und Schriften werden aus dem .zip gelesen.
- 03
Rendern
Wähle MP4, GIF oder WebM und die Größe; die Datei wird Bild für Bild gezeichnet und steht dann zum Download bereit.
Formate
Jedes Format aus einem Einfügen
Wähle die Datei danach, wo sie hinsoll. Dieselbe Seite lässt sich in jedes Format rendern, in jedem der drei Seitenverhältnisse.
MP4
H.264 · 720p, 1080p oder 4K · 24/30/60 fps
Für Social-Media-Posts, Präsentationen und Videoschnitt. Läuft überall.
Animiertes GIF
360p bis 720p · 10/15/25 fps · Endlosschleife
Für ein README, eine Slack-Nachricht, eine E-Mail oder eine Doku.
Transparentes WebM
VP9 mit Alphakanal · 720p bis 4K
Ohne den Hintergrund der Seite: ein Overlay für Premiere, DaVinci Resolve, Final Cut oder CapCut.
PNG-Standbild
1080p oder 4K · beliebiger Moment · transparent
Ein Bild als Standbild: ein Poster, ein Thumbnail oder ein Folienbild.
Über dieses Tool hinaus
Eine Animation ist ein Anfang. Ein Skill macht den ganzen Film.
Dieses Tool macht aus dem HTML, das du schon hast, ein Video. Ein Motion Skill setzt einen Schritt früher an: In Claude Code, Codex oder Cursor liest dein Agent dein Produkt oder deine Notizen, plant die Einstellungen, schreibt jede Szene, unterlegt die Musik und rendert das fertige MP4.
- ✓Aus deinem eigenen Material, nicht aus einem leeren Prompt
- ✓Mehrere Szenen, mit Musik zusammengeschnitten
- ✓Auf deinem Rechner gerendert und frei für dich nutzbar
Skills, die hier weitermachen
Jeder macht eine andere Art von Film. Der erste passt am besten zu dieser Seite.
Du machst mehr als eine Art von Film?
Starte kostenlos mit Motion Director. Ein einzelner Skill kostet $4.90; ein Abo schaltet alle Skills frei, auch die neuen, sobald sie erscheinen.
Monatlich
$9.90/ Monat
- ✓Alle Komplettfilm-Skills, Stile eingebaut
- ✓Neue Skills, sobald sie erscheinen
- ✓Updates bestehender Skills
- ✓Kommerzielle Nutzung deiner Renderings
Jährlich
34 % sparen$79/ Jahr
- ✓Alle Komplettfilm-Skills, Stile eingebaut
- ✓Neue Skills, sobald sie erscheinen
- ✓Updates bestehender Skills
- ✓Kommerzielle Nutzung deiner Renderings
Gründerpass lebenslang
Gründerangebot$169einmalig
- ✓Alle Komplettfilm-Skills, Stile eingebaut
- ✓Neue Skills, sobald sie erscheinen
- ✓Updates bestehender Skills
- ✓Kommerzielle Nutzung deiner Renderings
- ✓Einmal zahlen, keine Verlängerung
Motion Director (kostenlos) holen →Ein Skill $4.90 · Skill auswählen →
Fragen
Funktioniert es mit einem Claude-Design-Export?
Ja: Leg das .zip ab. Das Tool findet die Seite darin und liest jedes Bild, Skript, Stylesheet und jede Schrift, die sie nutzt, aus dem Archiv.
Warum nicht einfach den Bildschirm aufnehmen?
Eine Aufnahme behält die verlorenen Frames und Farbstreifen einer aufwendigen Seite und braucht die passende Fenstergröße. Hier wird jedes Bild zu seinem exakten Zeitpunkt gezeichnet, in der Größe deiner Wahl.
Ist das von Anthropic?
Nein. Es ist ein unabhängiges, kostenloses Tool von Motion Skills, das mit HTML aus jeder Quelle funktioniert, Claude eingeschlossen.
Wird mein Projekt hochgeladen?
Nein. Es läuft in einem abgeschotteten Frame in deinem Browser, und das Video wird auf deinem Rechner kodiert.