claudetovideo
The missing "Export to MP4" button for Claude Design.
---
```bash
npx claudetovideo film.html
```
You get a 1080p60 MP4. Zero system dependencies — Chromium and ffmpeg are bundled.
## Why this exists
[Claude Design](https://www.anthropic.com/) generates polished animated HTML "micro-films" — the kind of thing you'd want to drop into a tweet, a landing page, or a product demo. They live in your browser. There's no Save As Video button.
You could screen-record. But:
- **Screen recording loses fidelity** — subpixel anti-aliasing, your monitor's color profile, and frame timing all drift.
- **It's not deterministic** — slow machine = janky video, fast machine = different video, every run.
- **You can't put it in CI** — there's no headless way to capture.
`claudetovideo` talks directly to Claude Design's internal timeline. It seeks frame-by-frame, screenshots through Playwright, and pipes the frames through ffmpeg. The output is bit-identical regardless of how slow your machine is.
I built this while exporting demos for [codaro.dev](https://codaro.dev). The MP4 above was rendered with this tool.
## Quick start
Install nothing. Run:
```bash
npx claudetovideo path/to/film.html
# → path/to/film.mp4
```
That's it. The first run downloads Chromium (~150 MB) via Playwright; subsequent runs are instant.
If you want to install globally:
```bash
npm install -g claudetovideo
claudetovideo film.html -o out.mp4 --fps 30
```
## Examples
```bash
# Default — highest quality
claudetovideo film.html
# Quick preview, ~3× faster
claudetovideo film.html --fast
# Archival lossless master
claudetovideo film.html --crf 0 --ss 2 --preset veryslow
```
## How it works
Claude Design ships HTML in two shapes, and `claudetovideo` detects both.
**Strategy A — React/Stage** (the original Claude Design output). The timeline lives inside React state you can't reach from outside; `setTime()` is closed over by the `Stage` component. We trap `window.React` _before_ the page's React UMD bundle runs:
```js
// src/inject.js — runs via page.addInitScript, before any page