Sobald dein Projekt eine mit /app-builder gebaute App enthält, ist der nächste natürliche Schritt, sie in Bewegung zu zeigen. Genau das macht /app-walkthrough: Es fasst deine Screen-Designs nicht an — es nimmt die vorhandenen Screens und erzeugt ein kurzes, vertontes Walkthrough-Video. Unter der Haube macht es von jedem Screen aus der Live-Vorschau einen Screenshot, ordnet sie nach dem Navigationsgraphen der App, ein animierter Cursor tippt auf die Nav-Schaltfläche, die Screens blenden ineinander über, zu jedem wird ein Satz geschrieben und vertont, und das Ganze rendert zu einem MP4, das als Video-Karte auf der Leinwand landet. In dieser Anleitung gehen wir den kompletten Ablauf Klick für Klick durch.
Was Sie brauchen
- Eine bereits mit /app-builder gebaute App im selben Projekt (mindestens ein Screen).
- Verdrahtete Navigation zwischen den Screens, damit der Cursor sie der Reihe nach durchgehen kann.
- Ein Voiceover-Anbieter (TTS) in den Einstellungen konfiguriert, falls du Narration möchtest.
Schritt für Schritt
- 1
Projekt mit deinen App-Builder-Screens öffnen
Öffne das Projekt, in dem deine App liegt. Auf der Leinwand siehst du die mit /app-builder gebauten Screen-Karten. /app-walkthrough nimmt nur Vorhandenes auf — es gestaltet oder bearbeitet keine Screens.
Film Movie StudioRendernInfinite Photo VaultNeues ProjektDateien
frame_1.png
frame_2.png
frame_3.png
frame_4.png60%promptframe_01.pngRemixframe_02.pngRemixframe_03.pngRemixframe_04.pngWird generiert… 80%Remixoutput - 2
Die Screens per Preview prüfen
Klicke auf einer beliebigen Screen-Karte auf „Preview“ und tippe dich durch die Live-Vorschau im Gerät. Prüfe, dass die Navigation (untere Leiste, Buttons, Links) zu den richtigen Screens führt — genau dieser Navigationsgraph bestimmt die Reihenfolge im Video.
Film Movie StudioRendernFood Delivery App UINeues ProjektDateien
frame_1.png
frame_2.png
frame_3.png
frame_4.png
frame_5.png60%promptframe_01.pngWird generiert… 42%Remixframe_02.pngWird generiert… 68%Remixframe_03.pngWird generiert… 55%Remixframe_04.pngWird generiert… 80%RemixoutputTipp: Je reicher die App (echte Titel, Labels, Inhalte), desto besser das Voiceover — das Skript leitet sich aus dem ab, was auf jedem Screen sichtbar ist. - 3
/app-walkthrough im Chat starten
Tippe ins Chatfeld /app-walkthrough (oder wähle den Skill aus dem Menü). Du kannst kurz eine Richtung angeben, z. B. „warmer, freundlicher Ton“. Du musst keine Schritte ausformulieren — der Skill kennt den ganzen Ablauf.
Film Movie StudioRendernFood Delivery App UINeues ProjektSkills suchen…AlleWorkflowsSchnellvideoShort DramaViral vertical mini-series, end to end.imageImage CreatorGenerate single images from a prompt.audioAudio StudioVoiceover, SFX and music tracks.copyApp BuilderMulti-screen apps with live preview.imageE-commerce DesignPro product shots for any platform.videoMusic VideoBeat-synced clips cut to your track. - 4
Die App prüfen lassen, ob es etwas aufzunehmen gibt
Der Skill ruft zuerst list_app auf und prüft die Screens. Findet er keine, stoppt er und sagt dir, du sollst zuerst mit /app-builder eine App bauen. Existieren Screens, geht es weiter.
Film Movie StudioRendernFood Delivery App UINeues ProjektDateienframe_1.pngframe_2.pngframe_3.png60%promptframe_01.pngRemixframe_02.pngRemixframe_03.pngWird generiert… 55%Remixoutput - 5
Eine Erzählstimme wählen (optional)
Wenn du keinen Ton angegeben hast, bietet die App einmal einen Stil an — z. B. „Warm & freundlich“, „Klar & professionell“ oder „Ohne Narration / nur Untertitel“. Wähle einen aus und es geht weiter.
Film Movie StudioRendernFood Delivery App UINeues ProjektDateienframe_1.pngframe_2.png
frame_3.png
frame_4.png60%promptframe_01.pngWird generiert… 42%Remixframe_02.pngWird generiert… 68%Remixframe_03.pngWird generiert… 55%Remixframe_04.pngWird generiert… 80%RemixoutputTipp: Untertitel sind standardmäßig aus — das Voiceover spricht die Worte bereits, und eingebrannter Text überfüllt einen Telefonbildschirm. Schalte sie nur ein, wenn du sie ausdrücklich willst. - 6
Den Walkthrough aufnehmen
Die App ruft generate_walkthrough auf — in einem Schritt macht sie von jedem Screen aus der Live-Vorschau einen Screenshot, ordnet sie nach der Navigation, ein animierter Cursor tippt auf die Nav-Schaltfläche und die Screens blenden über, und zu jedem wird ein Satz geschrieben und vertont. Das ist der letzte Schritt; er läuft einmal.
Film Movie StudioRendernFood Delivery App UINeues ProjektDateienframe_1.pngframe_2.pngframe_3.png
frame_4.pngframe_5.png60%promptframe_01.pngWird generiert… 42%Remixframe_02.pngWird generiert… 68%Remixframe_03.pngWird generiert… 55%Remixframe_04.pngWird generiert… 80%Remixoutput - 7
Wählen, wo das MP4 gespeichert wird
Die App fordert dich auf, einen Ort für das fertige .mp4 zu wählen. Wähle einen Ordner und bestätige. Brichst du den Dialog ab, bekommst du einen „cancelled“-Fehler — nimm ihn einfach zur Kenntnis; die Aufnahme wiederholt sich nicht.
Film Movie StudioRendernFood Delivery App UINeues ProjektSkills/app-walkthrough/short-drama/image-creator/audio-studio/app-builder/app-walkthrough Sie unterhalten sich miteinander
SkillsModelleTippe jederzeit /, um den Skill zu wechseln
- 8
Den Walkthrough auf der Leinwand abspielen
Das fertige Video landet als Video-Karte auf der Leinwand. Drücke Play und sieh dir die Tour durch deine App an. Das Ergebnis nennt die Länge (duration_sec) und wie viele Screens abgedeckt wurden; du kannst die Karte zur Timeline hinzufügen oder sie wie jedes andere Video teilen.
Film Movie StudioRendernFood Delivery App UINeues ProjektDateienframe_1.pngframe_2.pngframe_3.pngTimelineRendernVideoVoiceoverMusikUntertitelTipp: Ist die Narration dünn, fülle die Screen-Inhalte in /app-builder aus und nimm erneut auf — das Skript leitet sich aus dem sichtbaren Inhalt ab.
Was Sie erhalten
Du hast ein poliertes Walkthrough-Video auf der Leinwand, das sich Klick für Klick durch jeden Screen deiner App bewegt — mit animiertem Cursor, Überblendungen und einem einzeiligen Voiceover pro Screen — als MP4 auf deiner Festplatte gespeichert. Ideal, um einen /app-builder-Prototyp Kunden, in sozialen Medien oder im Investoren-Deck zu zeigen, ganz ohne manuelle Bildschirmaufnahme.
Profi-Tipps
- generate_walkthrough ist der letzte Schritt — es läuft einmal pro Durchlauf; ruf es nicht wiederholt auf und starte danach keine weiteren Tools.
- Lass Untertitel für ein sauberes Telefon-Demo aus; schalte sie nur ein, wenn das Video stummgeschaltet angesehen wird.
- Reichere Screens = ein besseres Skript: füge echte Titel und Inhalte in /app-builder hinzu und die Narration wird von selbst besser.
Probieren Sie es selbst aus
FilmMovie Studio ist eine Desktop-App, die Sie von der Idee bis zum fertigen Export begleitet. Laden Sie sie herunter und legen Sie los.
FilmMovie Studio holen