Hello HN, 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. |