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.