I’ve been experimenting with the recent Remotion + Claude Code workflow. While generating video code with LLMs is impressive, the feedback loop felt broken to me. You have to prompt, copy code, set up a local Node environment, install dependencies, and run ffmpeg just to see a 5-second preview.
I built FreeMotion (https://freemotion.dev) to move this entire workflow into the browser.
It is a free, online editor specifically designed to close the loop between "Prompting" and "Rendering".
The core problems I tried to solve:
Environment Friction: Running Remotion locally requires setup. I wanted a zero-config, "paste and play" environment directly in the browser.
The "Generic" Look: LLMs usually generate generic CSS. I built a scraper that extracts computed styles from your live website URL so the video inherits your brand identity automatically.
Asset Management: Instead of juggling OBS or local screenshots, I integrated a recorder/snapshot tool directly into the editor to feed assets to the video.
How it works:
It runs a web-based player for Remotion.
The "Agentic" aspect: It generates optimized system prompts for you to feed Claude/LLMs, ensuring the output code is compatible with the web player.
Styling: It injects your site's color palette and fonts into the React components dynamically.
It’s completely free to use. I built this to make the "text-to-video-code" workflow actually usable for quick iterations.
I’d love to hear your feedback on the CSS extraction accuracy and the editor performance.
