The Video Kit turns HTML to video inside Claude Code. Instead of dragging layers around a timeline, you describe the video you want; Claude Code writes each scene as a web page animated with GSAP, the kit’s renderer steps through it frame by frame in a headless browser, and ffmpeg encodes a clean 1080p MP4. Because the video is code, Claude Code can read it, change it and render it again in seconds, which is what makes it good at motion graphics.
Who it’s for
It’s for founders who need a launch or feature video, marketers who post short promos every week, and creators who want animated explainers without learning After Effects. You bring the message and the facts; Claude Code does the motion. If you haven’t set up Claude Code yet, the guide Install Claude Code walks you through it.
Why HTML to video works with Claude
- Claude writes code well. A scene is HTML, CSS and a GSAP timeline, the kind of thing Claude Code writes and fixes reliably.
- It checks before it renders. The preview writes a contact sheet and flags text outside the frame, text that’s too small and text that overlaps, so problems are fixed before the long render.
- Every frame is the same every time. The renderer seeks the timeline to each frame, so a render is repeatable and a fix changes only what you asked for.
- It’s local. No account, no credits, no upload and no watermark. Your files stay on your computer.
Questions
Do I need to know how to code? No. You install Node.js and ffmpeg once; after that you talk to Claude Code in plain words. The code is there if you want to edit it.
Can it edit my camera footage? No. It makes motion graphics: text, shapes, images, logos, captions, music and voiceover. For cutting real footage, use a video editor.
What sizes does it render? 9:16 for Reels, TikTok and Shorts, 1:1 for feeds and 16:9 for YouTube and websites, all at 1080p and 30 fps.
How do I get it? It comes with Nexin: one payment of $27 opens every skill, kit, prompt and template in the library, and the kits added later.
