Tous les tutoriels

Alignement

PRD et alignement

Cette leçon explique l’étape PRD : saisir le brief, affiner le périmètre en langage clair, puis convenir de ce que signifie « terminé » avant d’accélérer le code. Le milieu peut être un WebM Playwright dans public/tutorials/recordings/ (voir la commande d’enregistrement). Remotion ajoute cartons et encarts en trois temps. Cinq MP3 par langue dans public/tutorials/voiceover/ (npm run voiceover:tutorial:prd-alignment ; mêmes variables ElevenLabs que la leçon parcours fondateur). La musique réutilise public/tutorials/music/founder-path-bg.mp3 (CC BY — voir README). Sans WebM, le lecteur utilise le storyboard image comme la composition founder-path.

Ce que vous verrez

  1. Enregistrement optionnel : connexion, page PRD du builder avec un brief exemple, défilement, puis cette page tutoriel.
  2. Remotion superpose trois temps : brief, affinage PRD, alignement avant code — alignés sur le parcours fondateur.
  3. Exportez le MP4 avec les commandes de rendu pour une vidéo unique.
Lecteur interactif

Le WebM est muet ; la voix est dans des MP3 séparés. Réactivez le son et lancez la lecture. ElevenLabs : npm run voiceover:tutorial:prd-alignment. Secours macOS : npm run voiceover:tutorial:prd-alignment:system.

La durée suit le WebM s’il est présent ; sinon le storyboard plus court. Boucle activée.