Write HTML. Render video. Built for agents.

html framework typescript ai ffmpeg animation mcp rendering gsap motion-graphics video-editor ai-agents puppeteer html-to-video claude-code

• Updated Nov 12, 2026
• TypeScript

Programmatic video for coding agents — HTML to video on your laptop. Turn HTML, CSS & data into real MP4s with pluggable render engines, 21 templates, AI soundtrack. Apache-2.0, no per-render fees. An official project by the Open Design team.

css html open-source video ffmpeg mp4 open-design video-generation apache-2 ai-agent programmatic-video html-to-video coding-agent video-as-code hyperframes

• Updated Jun 21, 2026
• HTML

DeepSeek Harness 本地视频制作与设计插件：多轨剪辑、模板与设计体系、原生预览画布和真实文件导出

design-systems ffmpeg subtitles motion-graphics video-editing design-tools dsh video-editor video-production design-studio content-creation local-first ai-design ai-video deepseek html-to-video mcp-server deepseek-harness dsh-plugin cordis-plugin

• Updated Nov 8, 2026
• JavaScript

Claude Code skill for Dribbble-level product launch videos from code. One shape that never cuts, springs, a cursor that drives every change, beat-synced SFX, 60 fps motion blur. v2: use with Claude Opus 5.5.

ffmpeg skills skill motion-graphics motion-design ai-agents claude video-generation ui-animation playwright product-launch programmatic-video anthropic html-to-video agent-skills claude-code claude-skill agent-skill marketing-video launch-video

• Updated Oct 21, 2026
• JavaScript

把一个主题做成有配音、字幕、封面的讲解分析类视频 —— 全本地、用 HTML 写画面，稳定音画同步。 面向 AI 编程智能体的确定性 HTML → MP4 渲染流水线。

text-to-speech tts codex video-generation html-to-video agent-skills claude-code explainer-videos claude-code-skills claude-code-skill codex-skills agent-skill codex-skill explainer-video workbuddy workbuddy-skill workbuddy-skills

• Updated Nov 5, 2026
• Python

用代码逐帧做视频：HTML / Canvas 动画 → MP4 / GIF / 透明层 · Deterministic HTML-to-MP4 renderer: seek to t, screenshot, encode. No framework, no build step, no GPU.

nodejs cli screenshot canvas ffmpeg mp4 animation subtitles deterministic prores video-generation video-rendering playwright transparent-video html-to-video vertical-video agent-skill

• Updated Nov 7, 2026
• JavaScript

Programmatic video creation with web technologies you already know. CSS animations just work.

threejs mcp css-animations gsap video-rendering programmatic-video html-to-video agent-skills claude-code remotion-alternative

• Updated Nov 12, 2026
• TypeScript

GrabzIt enables you to convert HTML and URL's into JPG's, PNG's, DOCX's, videos, PDF's and more. Transform online videos into animated GIF's or convert HTML tables to JSON, CSV and Excel spreadsheets.

screenshot html-to-pdf html-to-excel url-to-image url-to-pdf html-to-image video-to-animated-gif html-to-csv html-to-docx html-to-video url-to-video rendered-html

• Updated Jul 22, 2026
• HTML

Make videos with AI, free and open source (MIT). A code-to-video engine for AI agents: the agent writes HTML/CSS, checks and previews its own video, and renders MP4.

open-source video ffmpeg mp4 animation motion-graphics cursor motion-design codex headless-chrome ai-agents video-generation programmatic-video html-to-video agent-skills claude-code

• Updated Nov 10, 2026
• JavaScript

AI Video Engine — Turn structured data into videos. JSON timeline → Scene components → HTML/MP4.

javascript rust cli ffmpeg video-editing video-editor claude video-generation remotion text-to-video video-automation ai-agent programmatic-video ai-native ai-video capcut html-to-video claude-code claude-code-skills remotion-alternative

• Updated Apr 26, 2026
• Rust

Write one HTML page, get an mp4. Open-source HTML to video framework for coding agents like Claude Code and Codex. A free Remotion alternative.

javascript video ffmpeg animation rendering motion-graphics deterministic headless-chrome ai-agents video-generation remotion programmatic-video motion-canvas html-to-video agent-skills claude-code claude-code-skills deterministic-rendering remotion-alternative hyperframes

• Updated Nov 9, 2026
• JavaScript

Open-source HTML+GSAP video projects & reusable toolkit for Claude Code tutorial videos, powered by HeyGen HyperFrames.

gsap motion-graphics ai-video heygen html-to-video claude-code tutorial-video video-template hyperframes code-to-video

• Updated Aug 29, 2026
• HTML

Editable motion graphics: 13 selected films, 71 effect families and 22 variants. Voiced 3D character stories, GIF previews and verified MP4 export. 0BSD code.

webgl threejs ffmpeg creative-coding blender glsl generative-art motion-graphics kinetic-typography headless-chrome svg-animation video-rendering playwright mantaflow programmatic-video html-to-video

• Updated Oct 27, 2026
• JavaScript

Export Claude Design and Claude Artifact animations to 4K/60 MP4. Frame-accurate headless Chromium renderer for any Stage-based React animation. Bundled ffmpeg, drag-and-drop UI + CLI.

text-to-speech ffmpeg mp4 4k-video claude react-animation voiceover playwright video-export elevenlabs anthropic claude-ai html-to-video claude-artifacts claude-design

• Updated Jun 17, 2026
• JavaScript

🎥 Turn your animated HTML into share-ready, high-quality videos with a single command.

automation creative-coding chromium generative-art moviepy puppeteer headless-browser terminal-tool html-animation ascii-animation pyppeteer video-rendering html-to-video html-rendering mp4-generator

• Updated Jul 18, 2025
• Python

Xưởng video dọc 9:16 mini: viết kịch bản, chạy một lệnh, ra mp4 có giọng đọc tiếng Việt. HTML/CSS/JS + edge-tts + Playwright + ffmpeg. Kèm prompt để agent tự dựng lại từ thư mục trống, và skill tao-video cho Claude Code / Antigravity / Codex.

ffmpeg vietnamese prompt tts ai-agents video-generation tiktok text-to-video playwright reels ai-agent edge-tts html-to-video agent-skills claude-code vertical-video

• Updated Oct 12, 2026
• Python

Render HTML canvas animations to MP4 fast on a Mac, with WebCodecs hardware H.264 in headless Chrome (8.4 min 1080p60 in 161 s instead of 426 s). MCP server for Claude Code, Codex and Cursor. Ships 66 code-made film styles from LemoLab's lemo-opuscar. Free for non-commercial use.

macos h264 ffmpeg mp4 creative-coding animation motion-graphics headless-chrome videotoolbox ai-agents video-rendering apple-silicon webcodecs programmatic-video canvas-to-video html-to-video model-context-protocol mcp-server claude-code lemo-opuscar

• Updated Nov 10, 2026
• JavaScript

短视频合成 CLI 与库：素材、文案、配音和 HTML/CSS 模板生成 MP4。 / Short-video composition CLI and library with HTML/CSS templates, narration, and BGM.

nodejs cli text-to-speech automation ffmpeg short-video video-composition html-to-video video-template

• Updated Nov 12, 2026
• JavaScript

Agent Skill：把任意主题做成带配音、词级字幕和 HTML/GSAP 动效画面的讲解视频（MP4）与封面；逐帧确定性渲染，画面按吐字时刻对位。Turn any topic into a narrated explainer video with word-level captions.

text-to-speech ffmpeg gsap tts subtitles motion-graphics video-generation playwright html-to-video agent-skills claude-code claude-skills explainer-video

• Updated Nov 3, 2026
• Python

Turn your app into a music-synced launch film, as code. An agent skill for Claude Code and Codex: real UI capture, cuts on the beat, frame-exact MP4 with Playwright, GSAP and ffmpeg.

ffmpeg gsap motion-graphics beat-detection codex music-sync video-generation playwright openai-codex programmatic-video ai-video suno html-to-video agent-skills claude-code claude-code-plugin claude-skills product-video launch-video app-trailer

• Updated Oct 16, 2026
• JavaScript