Zum Hauptinhalt springen
Für Lovable-, Bolt-, v0- und Replit-Maker

Mach aus deiner vibe-gecodeten App ein Video

Mit Lovable, Bolt, v0, Replit oder AI Studio gebaut und auf Vercel oder Netlify veröffentlicht? Füge die Live-URL ein: PageToVid filmt deine echte App, schreibt und vertont das Skript und liefert dir in etwa 6 Minuten ein MP4 mit Untertiteln.

Erstes Video gratis · keine Kreditkarte · in Minuten fertig

Ein echter Film, gemacht mit PageToVid

Die Demo von PageToVid: 35 Sekunden, vom Produkt selbst aus pagetovid.com gemacht. · Alle öffentlichen Filme ansehen →

🚀

In einem Wochenende gebaut, das Video dauert eine Woche

Die App hat ein paar Prompts gekostet. Ein Demo-Video heißt immer noch Bildschirmrekorder, Skript, zehn Takes und ein Abend im Schnittprogramm.

🖼️

Ein Screenshot erklärt nichts

Ein Launch-Post mit einem Standbild deiner Startseite wird weggescrollt. Geteilt wird, was man in dreißig Sekunden sehen und verstehen kann.

🔗

Du hast nur einen Link

Kein Material, kein Brand-Kit, kein Budget: nur eine öffentliche Adresse auf vercel.app, lovable.app oder netlify.app. Mehr braucht PageToVid nicht.

So funktioniert's

1

Füge deine Live-URL ein

Deine vercel.app-, netlify.app-, lovable.app- oder replit.app-Adresse oder deine eigene Domain. Die KI liest, was die App sagt und tut, und schreibt daraus ein Storyboard, Szene für Szene.

2

Sie filmt die echte App

Ein Cloud-Browser öffnet die öffentliche Seite und nimmt sie auf: scrollt, zeigt auf die gerade erzählte Funktion, tippt in ein Such- oder Chatfeld, wenn es eines gibt. In 9:16 filmt er dein mobiles Layout.

3

Poste es dort, wo du launchst

Ein 1080p-MP4 mit KI-Sprecherstimme und wortgenauen Untertiteln: 16:9 für X, YouTube und Product Hunt, 9:16 für TikTok, Reels und Shorts, 1:1 für Feeds.

Filme die veröffentlichte Adresse, nicht die Vorschau

Baukästen geben dir zwei Arten von Links, und nur eine davon lässt sich filmen. Ein Vorschau-Link öffnet sich für dich, weil du beim Baukasten angemeldet bist; allen anderen, unserer Kamera eingeschlossen, zeigt er eine Anmeldeseite. Die veröffentlichte Adresse öffnet sich für jeden.

  • Lovable: Veröffentliche das Projekt und füge seine lovable.app-Adresse oder deine eigene Domain ein. Vorschau-Links verlangen eine Lovable-Anmeldung.
  • Vercel: Füge die Produktionsdomain ein. Preview-Deployments liegen oft hinter Vercel Authentication; schalte sie unter Deployment Protection aus, wenn du eines filmen willst.
  • Netlify: Die Produktionsadresse funktioniert; eine Website mit Passwort oder Team-Login muss entsperrt werden, solange das Video entsteht.
  • Google AI Studio: Aus AI Studio geteilte Apps verlangen eine Google-Anmeldung. Stell die App bereit, zum Beispiel auf Cloud Run, und filme die öffentliche Adresse.
  • Replit und Bolt: Erst bereitstellen (replit.app oder Bolts Netlify-Veröffentlichung mit einem Klick), dann die öffentliche URL einfügen.

Bleibt ein Video trotzdem an einem Passwort oder einer Anmeldeseite hängen, wird es erstattet, und die Seite sagt dir, warum, nennt den Baukasten, wenn sie ihn erkennt, und bietet Auswege an: eine andere öffentliche Seite der Website oder ein animiertes Video aus ein paar Sätzen über deine App.

Was eine vibe-gecodete App gut filmbar macht

Das Video kann nur zeigen, was die Seite zeigt. Ein paar Minuten an der Seite bringen deshalb mehr als jede Einstellung.

  1. Sag auf der Seite in einem Satz, was sie tut. Das Skript entsteht aus deinen Texten. Eine klare Überschrift wird zu einem klaren ersten Satz.
  2. Zeig das Produkt ohne Anmeldung. Eine Demo-Route mit Beispieldaten filmt sich viel besser als ein Registrierungsformular. Filme niemals echte Nutzerdaten.
  3. Gib der Kamera etwas zu tun. Ein Suchfeld, ein Prompt-Feld oder ein Button, der auf Klick reagiert, macht aus einem Scrollen eine Vorführung.
  4. Schreib den Pflichtsatz ins Briefing. Dein Launch-Angebot, dein Preis, dein Slogan: Ein Satz in Anführungszeichen wird wortwörtlich gesprochen.

Von einem Video zum Launch-Kit

Ein Storyboard wird in jedem Format gerendert: 16:9 für X, YouTube und die Product-Hunt-Galerie, 9:16 für TikTok, Reels und Shorts, 1:1 für Feeds. Jede Szene und jeder Satz der Erzählung lässt sich vor dem nächsten Rendern bearbeiten, und ein fertiges Video lässt sich übersetzen: Die Erzählung wird in einer von 13 Sprachen neu vertont und neu untertitelt.

Du kannst auch in dem Werkzeug bleiben, mit dem du baust. Der MCP-Connector von PageToVid funktioniert in Claude und ChatGPT, in jedem Plan, Free eingeschlossen: Bitte im Gespräch um ein Video der URL deiner App, und das fertige Video kommt dort zurück.

Was es kostet

Dein erstes Video ist auf jeder Website gratis, ohne Karte, und jede Website bekommt insgesamt bis zu 3 Gratis-Videos über alle Gratis-Konten hinweg. Gratis-Videos tragen ein kleines Abzeichen und einen Abspann.

Ein weiteres Video ohne Abzeichen kostet 3,90 $, einmal bezahlt, und Pläne beginnen bei 19 $ im Monat (Creator) für alle, die jeden Monat filmen. KI-Clips, die filmischen Aufnahmen, die deine App nicht zeigen kann, sind eine bezahlte Funktion: Ein KI-Video kostet 24 $, einmal bezahlt. Eine erste Zahlung wird auf Wunsch innerhalb von 14 Tagen vollständig erstattet.

6 min
Live-URL → fertiges Video
0
Bildschirmaufnahmen nötig
16:9 · 9:16 · 1:1
jeder Launch-Kanal

Fragen, beantwortet

Funktioniert es mit Apps aus Lovable, Bolt, v0, Replit und AI Studio?

Ja, sobald die App eine öffentliche Adresse hat, die sich ohne Anmeldung öffnet: eine veröffentlichte lovable.app- oder replit.app-Adresse, eine Produktions-URL bei Vercel oder Netlify oder deine eigene Domain. Vorschau-Links, die die Anmeldung beim Baukasten verlangen, lassen sich nicht filmen: Erst veröffentlichen, dann die öffentliche URL einfügen.

Das Beste an meiner App liegt hinter einem Login. Was nun?

Filme die öffentliche Startseite oder füge eine Demo-Route hinzu, die das Produkt mit Beispieldaten zeigt. Filmen hinter einem Login geht mit einer registrierten Aufnahmesitzung ab dem Scale-Plan.

Kann ich das Skript ändern?

Ja. Jede Szene, jeder Satz der Erzählung, jede Stimme und jede Musik lässt sich im Storyboard-Editor bearbeiten, und ein neues Rendern kostet 40 Credits.

Kann ich es aus Claude oder ChatGPT heraus erstellen?

Ja. Der MCP-Connector von PageToVid funktioniert in Claude und ChatGPT in jedem Plan, Free eingeschlossen: Bitte um ein Video deiner URL, und das Video kommt im Gespräch zurück.

Dein erstes Video ist kostenlos

Füge die Seite ein, die gefilmt werden soll, und erhalte ein vertontes MP4 mit Untertiteln. Ohne Karte. Kostenlose Filme tragen ein kleines PageToVid-Badge.

Erstes Video gratis · keine Kreditkarte · in Minuten fertig

Passende Anleitungen und Vergleiche

Weitere Anwendungsfälle