Comment j'ai créé ma vidéo Product Hunt avec Claude Code + Remotion (0€ de freelance)
Mike Codeur
Le problème : une vidéo de lancement à 500€
Quand tu prépares un lancement sur Product Hunt, il y a UN élément qui fait la différence : la vidéo de démo. C'est elle qui donne envie de cliquer, de voter, de tester.
Pour le lancement de YouThumb.ai — mon SaaS de génération de miniatures YouTube par IA — j'avais besoin d'une vidéo de présentation qui claque.
Les options classiques :
- Freelance motion design : 500€ à 2000€
- Délai : 3 à 5 jours minimum
- Itérations : chaque modification = attente supplémentaire
En tant que dev, ça me frustrait. Je devrais pouvoir faire ça moi-même.
La découverte : Remotion + Claude Code Skills
Remotion est un framework open-source (37K stars GitHub) qui permet de créer des vidéos avec du code React. Le principe : tu écris des composants React → Remotion les rend frame par frame → export MP4.
Mais le vrai game changer, c'est que Remotion a des Skills Claude Code officiels :
npx skills add remotion-dev/skillsUne fois les Skills installés, Claude Code comprend nativement comment créer des vidéos Remotion. Tu peux littéralement prompter ta vidéo.
Le process : de l'idée au MP4 en quelques heures
1. Setup (5 minutes)
npx create-video@latestProjet Remotion créé, Skills chargés. Claude Code est prêt.
2. Le prompt
J'ai donné un brief simple à Claude Code :
"Crée-moi une vidéo de présentation pour YouThumb.ai, un SaaS de génération de miniatures YouTube par IA. Style moderne, animations fluides, 30 secondes."
Claude Code a généré les composants React : animations spring, transitions, textes animés, le tout en JSX.
3. Itération en temps réel
C'est là que ça devient magique. Remotion a un Player qui preview ta vidéo en temps réel dans le navigateur.
- "J'aime pas cette transition" → re-prompt → modifié en 10 secondes
- "Ajoute le logo ici" → fait
- "Change les couleurs pour matcher la brand" → fait
Essaie de faire ça avec un freelance. Chaque modif = un email, une attente, un aller-retour.
4. Export
npx remotion renderMP4 final. Prêt pour Product Hunt.
Le résultat
| Freelance | Claude Code + Remotion | |
|---|---|---|
| Coût | 500€ - 2000€ | 0€ |
| Délai | 3-5 jours | Quelques heures |
| Itérations | Lentes (emails) | Instantanées (prompt) |
| Reproductible | Non | Oui (code = réutilisable) |
La vidéo tourne maintenant sur la page Product Hunt de YouThumb.ai et sur la homepage.
Pourquoi c'est un game changer pour les devs
C'est exactement ce que Boris Cherny, le Head of Claude Code chez Anthropic, appelle le futur : le coding est résolu, maintenant on construit.
Les Skills Claude Code changent la donne. L'IA ne génère plus du code générique — elle comprend les frameworks spécifiques. Remotion, Next.js, et bientôt tous les outils auront leurs Skills.
Et le process est reproductible : change le JSON de données → nouvelle vidéo. Imagine générer 100 vidéos personnalisées pour tes clients.