How I Created My Product Hunt Video with Claude Code + Remotion (€0 Freelancer)
Mike Codeur
🎬 The Video Created with Claude Code + Remotion
This 30-second video was entirely generated with React code, driven by Claude Code + Remotion Skills. €0 freelancer.
The Problem: A €500 Launch Video
When you're preparing a Product Hunt launch, there's ONE element that makes the difference: the demo video. It's what makes people click, vote, and try your product.
For the launch of YouThumb.ai — my AI-powered YouTube thumbnail generation SaaS — I needed a presentation video that pops.
The classic options:
- Motion design freelancer: €500 to €2,000
- Timeline: 3 to 5 days minimum
- Iterations: each change = more waiting
As a developer, this frustrated me. I should be able to do this myself.
The Discovery: Remotion + Claude Code Skills
Remotion is an open-source framework (37K GitHub stars) that lets you create videos with React code. The principle: write React components → Remotion renders them frame by frame → export MP4.
But the real game changer is that Remotion has official Claude Code Skills:
npx skills add remotion-dev/skillsOnce Skills are installed, Claude Code natively understands how to create Remotion videos. You can literally prompt your video into existence.
The Process: From Idea to MP4 in Hours
1. Setup (5 minutes)
npx create-video@latestRemotion project created, Skills loaded. Claude Code is ready.
2. The Prompt
I gave Claude Code a simple brief:
"Create a presentation video for YouThumb.ai, an AI-powered YouTube thumbnail generation SaaS. Modern style, smooth animations, 30 seconds."
Claude Code generated the React components: spring animations, transitions, animated text — all in JSX.
3. Real-Time Iteration
This is where it gets magical. Remotion has a Player that previews your video in real-time in the browser.
- "I don't like this transition" → re-prompt → changed in 10 seconds
- "Add the logo here" → done
- "Change the colors to match the brand" → done
Try doing that with a freelancer. Each change = an email, a wait, a back-and-forth.
4. Export
npx remotion renderFinal MP4. Ready for Product Hunt.
The Result
| Freelancer | Claude Code + Remotion | |
|---|---|---|
| Cost | €500 - €2,000 | €0 |
| Timeline | 3-5 days | A few hours |
| Iterations | Slow (emails) | Instant (prompt) |
| Reproducible | No | Yes (code = reusable) |
The video now runs on the YouThumb.ai Product Hunt page and on the homepage.
Why This Is a Game Changer for Developers
This is exactly what Boris Cherny, Head of Claude Code at Anthropic, calls the future: coding is solved, now we build.
Claude Code Skills change the game. AI no longer generates generic code — it understands specific frameworks. Remotion, Next.js, and soon every tool will have their own Skills.
And the process is reproducible: change the data JSON → new video. Imagine generating 100 personalized videos for your clients.