Dès que votre projet contient une app assemblée avec /app-builder, l'étape naturelle suivante est de la montrer en mouvement. C'est exactement ce que fait /app-walkthrough : il ne touche pas vos maquettes — il prend les écrans existants et produit une courte démo vidéo narrée. En coulisses, il capture chaque écran depuis l'aperçu live, les ordonne selon le graphe de navigation de l'app, un curseur animé clique sur le bouton de navigation, les écrans s'enchaînent en fondu, une phrase est rédigée et narrée pour chacun, et le tout est rendu en un MP4 qui arrive sur le canevas comme carte vidéo. Dans ce guide, nous parcourons tout le processus, clic par clic.
Ce dont vous aurez besoin
- Une app déjà assemblée avec /app-builder dans le même projet (au moins un écran).
- La navigation câblée entre les écrans pour que le curseur les parcoure dans l'ordre.
- Un fournisseur de voix off (TTS) configuré dans les Réglages si vous voulez une narration.
Étape par étape
- 1
Ouvrez le projet avec vos écrans App Builder
Ouvrez le projet où vit votre app. Sur le canevas, vous voyez les cartes d'écran assemblées avec /app-builder. /app-walkthrough n'enregistre que l'existant — il ne conçoit ni ne modifie aucun écran.
Film Movie StudioRenduInfinite Photo VaultNouveau projetFichiers
frame_1.png
frame_2.png
frame_3.png
frame_4.png60%promptframe_01.pngRemixerframe_02.pngRemixerframe_03.pngRemixerframe_04.pngGénération… 80%Remixeroutput - 2
Vérifiez les écrans avec l'aperçu
Sur n'importe quelle carte d'écran, cliquez sur « Preview » et parcourez l'aperçu live dans l'appareil. Vérifiez que la navigation (barre du bas, boutons, liens) mène aux bons écrans — c'est ce graphe de navigation qui ordonne la vidéo.
Film Movie StudioRenduFood Delivery App UINouveau projetFichiers
frame_1.png
frame_2.png
frame_3.png
frame_4.png
frame_5.png60%promptframe_01.pngGénération… 42%Remixerframe_02.pngGénération… 68%Remixerframe_03.pngGénération… 55%Remixerframe_04.pngGénération… 80%RemixeroutputAstuce: Plus l'app est riche (vrais titres, libellés, contenu), meilleure est la voix off — le script est dérivé de ce qui est visible sur chaque écran. - 3
Lancez /app-walkthrough dans le chat
Dans le champ de chat, tapez /app-walkthrough (ou choisissez le skill dans le menu). Vous pouvez ajouter une indication, p. ex. « ton chaleureux et amical ». Pas besoin de détailler les étapes — le skill connaît tout le déroulé.
Film Movie StudioRenduFood Delivery App UINouveau projetRechercher des skills…TousWorkflowsRapidevideoShort 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
Laissez l'app confirmer qu'il y a de quoi enregistrer
Le skill appelle d'abord list_app pour vérifier les écrans. S'il n'en trouve aucun, il s'arrête et vous demande de construire une app avec /app-builder d'abord. Si des écrans existent, il continue.
Film Movie StudioRenduFood Delivery App UINouveau projetFichiersframe_1.pngframe_2.pngframe_3.png60%promptframe_01.pngRemixerframe_02.pngRemixerframe_03.pngGénération… 55%Remixeroutput - 5
Choisissez une voix de narration (facultatif)
Si vous n'avez pas donné de ton, l'app peut proposer un style une fois — p. ex. « Chaleureux et amical », « Net et professionnel » ou « Sans narration / sous-titres seulement ». Choisissez-en un et elle continue.
Film Movie StudioRenduFood Delivery App UINouveau projetFichiersframe_1.pngframe_2.png
frame_3.png
frame_4.png60%promptframe_01.pngGénération… 42%Remixerframe_02.pngGénération… 68%Remixerframe_03.pngGénération… 55%Remixerframe_04.pngGénération… 80%RemixeroutputAstuce: Les sous-titres sont désactivés par défaut — la voix off prononce déjà les mots et le texte incrusté encombre un écran de téléphone. Ne les activez que si vous les voulez explicitement. - 6
Enregistrez la démo
L'app appelle generate_walkthrough — en une étape, elle capture chaque écran depuis l'aperçu live, les ordonne selon la navigation, un curseur animé clique sur le bouton de navigation et les écrans s'enchaînent en fondu, et une phrase est rédigée et narrée pour chacun. C'est l'étape terminale ; elle s'exécute une fois.
Film Movie StudioRenduFood Delivery App UINouveau projetFichiersframe_1.pngframe_2.pngframe_3.png
frame_4.pngframe_5.png60%promptframe_01.pngGénération… 42%Remixerframe_02.pngGénération… 68%Remixerframe_03.pngGénération… 55%Remixerframe_04.pngGénération… 80%Remixeroutput - 7
Choisissez où enregistrer le MP4
L'app vous invite à choisir un emplacement pour le .mp4 fini. Choisissez un dossier et validez. Si vous annulez la boîte de dialogue, vous obtenez une erreur « cancelled » — prenez-en acte ; l'enregistrement ne réessaie pas.
Film Movie StudioRenduFood Delivery App UINouveau projetSkills/app-walkthrough/short-drama/image-creator/audio-studio/app-builder/app-walkthrough Ils se parlent l'un à l'autre
SkillsModèlesTapez / à tout moment pour changer de skill
- 8
Lisez la démo sur le canevas
La vidéo finie arrive sur le canevas comme carte vidéo. Lancez la lecture et regardez la visite de votre app. Le résultat indique sa durée (duration_sec) et le nombre d'écrans couverts ; vous pouvez ajouter la carte à la timeline ou la partager comme toute autre vidéo.
Film Movie StudioRenduFood Delivery App UINouveau projetFichiersframe_1.pngframe_2.pngframe_3.pngTimelineRenduVidéoVoix offMusiqueSous-titresAstuce: Si la narration est maigre, étoffez le contenu des écrans dans /app-builder et réenregistrez — le script est dérivé du contenu visible.
Ce que vous obtenez
Vous avez une démo soignée sur le canevas qui clique à travers chaque écran de votre app — avec un curseur animé, des fondus et une voix off d'une ligne par écran — enregistrée en MP4 sur votre disque. C'est la façon idéale de présenter un prototype /app-builder à des clients, sur les réseaux ou dans un deck investisseurs, sans enregistrer l'écran à la main.
Conseils de pro
- generate_walkthrough est l'étape terminale — elle s'exécute une fois par lancement ; ne l'appelez pas plusieurs fois et n'enchaînez pas d'autres outils après.
- Laissez les sous-titres désactivés pour une démo téléphone nette ; activez-les seulement si la vidéo sera regardée en sourdine.
- Des écrans plus riches = un meilleur script : ajoutez de vrais titres et du contenu dans /app-builder et la narration s'améliore d'elle-même.
Essayez par vous-même
FilmMovie Studio est une application de bureau qui vous accompagne de l'idée à l'export terminé. Téléchargez-la et commencez à créer.
Obtenir FilmMovie Studio