用 Claude Motion 等 10 个开源库搭 AI 动效流水线

kozh ./ @mr_kozh原推发布于 2026.10.27

在 X 上打开原推

HOLY SH*T, ANDREJ KARPATHY ACCIDENTALLY EXPLAINED THE FUTURE OF MOTION DESIGN. “It’s not really coding I just see stuff, say stuff, run stuff, and copy-paste stuff, and it mostly works.” he was talking about vibe coding. but the same shift is now reaching video. motion design used to mean: open After Effects build every scene keyframe every movement repair every transition export notice one mistake render everything again code changes the unit of work. you describe the visual system. the agent builds the scenes. the timeline becomes inspectable. every frame becomes reproducible. I pulled together 10 open-source repos for turning a brief into a complete AI motion-design pipeline: 01 - Claude Motion Design a reusable Claude skill for building deterministic motion graphics https://github.com/howseen-ai/claude-motion-design 02 - Remotion create and render videos with React https://github.com/remotion-dev/remotion 03 - Motion Canvas build programmatic animations with TypeScript https://github.com/motion-canvas/motion-canvas 04 - GSAP control timelines, easing, sequencing and transitions https://github.com/greensock/GSAP 05 - Three.js generate 3D scenes, lighting, cameras and depth https://github.com/mrdoob/three.js 06 - Theatre.js visually edit animation values without abandoning code https://github.com/theatre-js/theatre 07 - Lottie Web render portable vector animations inside the browser https://github.com/airbnb/lottie-web 08 - SVG.js create and animate scriptable vector graphics https://github.com/svgdotjs/svg.js 09 - MediaBunny process, inspect and convert media directly in JavaScript https://github.com/Vanilagy/mediabunny 10 - FFmpeg encode, combine and inspect the final video https://github.com/FFmpeg/FFmpeg the new loop: brief → references → storyboard → components → motion → frame checks → render Karpathy wasn’t recommending these repositories. his quote was about software. but the underlying idea is much bigger: once creative work becomes code, an agent can inspect it, modify it and render it again without rebuilding the entire project from zero. you don’t edit every frame. you direct the system that creates them. the prompt starts the work. the stack ships the video. save these before motion design becomes another agent skill everyone pretends they discovered first ↓

这条是引用着另一条写的：x.com/mr_kozh/status/2076677019463782910