How to Make AI Video With Just Code

2 Просмотры
Издатель
How to make AI video with code: explainer videos and cartoons that Claude builds with JavaScript, React and Python, frame by frame, with no AI video generator and no paying per clip. I tested 8 code video tools (HyperFrames with GSAP, Anime.js, Three.js and Lottie, plus Remotion, Python, and two of my own) on the same explainer, then compared Claude Code on medium vs ultracode.

If you make faceless YouTube videos, animated explainers, or video content for your brand, this shows you how to build AI animated videos with Claude Code, which tool to use, and whether ultracode is worth the extra time.

Which style should I test next? Drop the link in the comments.

Timestamps:
0:00 Make Animated Videos with Claude Code (No AI Video Generator)
0:47 Find Reference Videos for AI Animation Styles
1:53 Free Tools: Remotion, HyperFrames, GSAP, Three.js, Anime.js, Lottie
2:25 Remotion vs HyperFrames vs GSAP: 8 Tools Compared
3:45 Copy Any Animation Style with Claude Code
4:38 Free AI Voiceover with Gemini Text to Speech
5:35 Claude Code Prompt for Faceless Cartoon Videos
7:42 Claude Opus 5.5 Medium Results: Python vs Remotion Speed
9:34 Claude Code Ultracode: 3 Hours per Video
11:37 Worst Ultracode Result: HyperFrames + Three.js
12:36 Best Ultracode Result: HyperFrames + GSAP
13:46 Is Claude Ultracode Worth the Token Cost?
14:23 Best Tool for AI Animated Videos
15:14 Opus 5.5 vs Grok 4.7 for AI Animation + Verification Checks
16:45 Bonus: Every AI Animated Video I Made with Code


Reference videos:
Addy Osmani, "how browsers work", Opus 5.5, 214.4K views on 2026-10-01: https://x.com/addyosmani/status/2103009037164110327
Yunfan Ye, Leidenfrost effect whiteboard, Opus 5.5: https://x.com/realYunfanYe/status/2103496245343916158
Kevin Ngo, crayon storybook, Sonnet 5.5: https://x.com/kevin_t_ngo/status/2105004703906218366

Directory: https://skillry.dev/ai-videos/opus-5-5

Tool repos on GitHub:
HyperFrames: https://github.com/heygen-com/hyperframes
GSAP: https://github.com/greensock/GSAP
Anime.js: https://github.com/juliangarnier/anime
Three.js: https://github.com/mrdoob/three.js
Lottie: https://github.com/airbnb/lottie-web
Remotion: https://github.com/remotion-dev/remotion (license: free up to 3 employees)
skia-python: https://github.com/kyamagu/skia-python
ffmpeg: https://github.com/FFmpeg/FFmpeg

FAQ
Can Claude make videos? Yes. Claude Code writes the animation as code (JavaScript, React or Python), and a renderer turns that code into an MP4.
Is code video the same as an AI video generator? No. A generator paints pixels from a prompt. Code video draws every frame from a program, so it renders the same every time and you can edit one scene at a time.
Is it free? The rendering tools are free. You need a Claude plan to run Claude Code, and Remotion needs a paid license for companies with 4 or more people.
Remotion or HyperFrames? Remotion if you work in React and want clean motion graphics. HyperFrames with GSAP or Anime.js for character cartoons.
Is ultracode worth it? Every ultracode video was better, but the review-and-fix rounds barely moved the scores. Build once on your best model with a strong prompt, then make small fixes yourself.
Категория
AI инструменты
Комментариев нет.