Fondateur Solo Crée une Vidéo de Démonstration avec Claude Code et Remotion

Approche pratique de la création de démonstration

Un fondateur solo a retardé le lancement de son produit, SiteCheck, pendant des mois parce qu'il ne pouvait pas se permettre des vidéos de démonstration. Les freelances ont demandé 500$ pour un travail de base et ont exigé des ressources de conception comme des fichiers Figma et des directives de marque qui n'existaient pas. Le développeur, manquant de compétences en design, a trouvé le processus de conception traditionnel étranger et a reporté le lancement.

Implémentation technique

En utilisant Claude Code avec Remotion (vidéos comme composants React), le développeur a structuré la vidéo en composants réutilisables. Claude a aidé avec :

• Décomposer la vidéo en composants réutilisables
• Ajuster rapidement les animations et le timing
• Itérer sur les mises en page sans avoir besoin d'outils de conception

La première version était approximative, mais comme tout était basé sur du code, des améliorations ont été apportées grâce à des modifications rapides des tailles de police, de l'espacement et du timing des animations au lieu de ré-exports complets. Le développeur a ajouté une voix off en utilisant ElevenLabs, une bande sonore de fond, et a tout rendu directement depuis le terminal.

Contexte du produit

SiteCheck est un outil qui audite l'UX d'un site web en environ 30 secondes et génère un rapport avec des corrections suggérées classées par impact. Le produit était déjà fonctionnel avec des retours positifs des premiers utilisateurs, mais manquait de matériel de démonstration visuelle.

Le développeur note que le résultat n'est pas parfait mais a permis de débloquer le processus de lancement. Le projet est gratuit à essayer et prévu pour un lancement public prochainement.