Project overview
html-animation-to-mp4 captures HTML/CSS/JS animations in a headless browser and encodes the frames with ffmpeg. Claude Design .dc.html bundles can expose their own frame-seek hook, while --virtual freezes clocks and advances ordinary canvas, WebGL, or CSS animation frame by frame. It supports multiple aspect ratios and frame rates; capture is silent by default, and Playwright, Node, and ffmpeg are required for the CLI.
Repository facts
- Primary language
- JavaScript
- License
- MIT
- Repository updated
- Jun 28, 2026
- Default branch
- main
Resource types
General skill
Use cases
Media, audio and videoDesign and creative workFrontend development
Platforms
Claude Code, Codex, and more
Runtime
Local
Capabilities
Video processing